Update styles.css

changed header flex-dir for small screens
al-amin404 · Oct 26, 2023 · de0b17b · de0b17b
1 parent 30052da
commit de0b17b
Showing 1 changed file with 7 additions and 2 deletions.
diff --git a/styles.css b/styles.css
@@ -27,7 +27,7 @@ a{
 }
 .header{
     background-color: #1f2937;
-    padding: 0 6%;
+    padding: 10px 6%;
     justify-content: space-between;
     min-height: 80px;
     position: sticky;
@@ -221,4 +221,9 @@ a{
     .cta-title{
         font-size: 20px;
     }
-}
+}
+@media only screen and (max-width:480px) {
+    .header{
+        flex-direction: column;
+    }
+}