Fix responsive padding on navbar

kubgus · Jun 13, 2024 · d0aa297 · d0aa297
1 parent 8e88669
commit d0aa297
Showing 1 changed file with 12 additions and 0 deletions.
diff --git a/src/layouts/navbar.astro b/src/layouts/navbar.astro
@@ -30,6 +30,18 @@ const { fixed } = Astro.props;
         transition: top 0.25s, opacity 0.25s;
     }
 
+    @media (max-width: 768px) {
+        header {
+            padding-inline: 5vw;
+        }
+    }
+
+    @media (max-width: 480px) {
+        header {
+            padding-inline: 3vw;
+        }
+    }
+
     header.scrolled {
         top: 0;
         opacity: 1;