Update sbcapp.css

MrBluefish · Mar 9, 2024 · b0890ba · b0890ba
1 parent 813736c
commit b0890ba
Showing 1 changed file with 4 additions and 2 deletions.
diff --git 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,15 +54,17 @@
 }
 
 /* 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 */
     }
 }
 
 @media (max-width: 480px) {
     .hero {
+        flex-direction: column;
         padding-left: 5em; /* Less padding for very small screens */
     }