From b0890ba06ab55fba10f4d7020c1af452a7ccbb7e Mon Sep 17 00:00:00 2001 From: Gino <115049934+MrBluefish@users.noreply.github.com> Date: Fri, 8 Mar 2024 21:40:44 -0500 Subject: [PATCH] Update sbcapp.css --- sbcapp.css | 6 ++++-- 1 file changed, 4 insertions(+), 2 deletions(-) diff --git a/sbcapp.css b/sbcapp.css index d27762f..67fc8dd 100644 --- a/sbcapp.css +++ b/sbcapp.css @@ -5,7 +5,7 @@ background-repeat: no-repeat; height:fit-content; display: flex; - flex-direction: column; + flex-direction: row; align-items: flex-start; /* Adjusted for proper alignment */ justify-content: flex-start; /* Adjusted for top alignment */ color: #ffffff; @@ -54,8 +54,9 @@ } /* Responsive adjustments */ -@media (max-width: 768px) { +@media (max-width: 600px) { .hero-content, .hero h1, .hero p { + flex-direction: column; padding: 15px; font-size: 2em; /* Adjust based on preference */ } @@ -63,6 +64,7 @@ @media (max-width: 480px) { .hero { + flex-direction: column; padding-left: 5em; /* Less padding for very small screens */ }