Merge pull request #9 from parceiroti/devel

fix: navigation on smaller screens
parceiroti · May 5, 2024 · f02448a · f02448a
2 parents 9cd8e92 + 9f7c636
commit f02448a
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 0 deletions.
diff --git a/public/logo_caption_white.png b/public/logo_caption_white.png
diff --git a/src/components/Navigation.astro b/src/components/Navigation.astro
@@ -72,4 +72,19 @@ import '../styles/styles.css'
     .navbar .links li > a {
         text-decoration: none;
     }
+
+    @media screen and (max-width: 600px) {
+        .navbar {
+            height: 100px;
+            line-height: 1.8em;
+        }
+        .navbar .links {
+            align-content: center;
+            justify-content: center;
+            align-items: center;
+            overflow: hidden;
+            margin-right: 16px;
+            flex-wrap: wrap;
+        }
+    }
 </style>