From de0b17bbce3f7bc764add861e3315cc36612f805 Mon Sep 17 00:00:00 2001
From: Al Amin <84350042+al-amin404@users.noreply.github.com>
Date: Thu, 26 Oct 2023 12:37:35 +0600
Subject: [PATCH] Update styles.css

changed header flex-dir for small screens
---
 styles.css | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/styles.css b/styles.css
index 1428fe0..809dd75 100644
--- 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;
     }
-}
\ No newline at end of file
+}
+@media only screen and (max-width:480px) {
+    .header{
+        flex-direction: column;
+    }
+}