feat: ✨ add styles for menu on smaller screens (#124)

andybrewer · Oct 31, 2024 · 0104f7a · 0104f7a
1 parent 22396ff
commit 0104f7a
Showing 1 changed file with 17 additions and 0 deletions.
diff --git a/mvp.css b/mvp.css
@@ -201,6 +201,23 @@ nav ul li ul li a {
     display: block;
 }
 
+/* Nav for Mobile */
+@media (max-width: 768px) {
+    nav {
+        flex-wrap: wrap;
+    }
+
+    nav ul li {
+        width: calc(100% - 1em);
+    }
+
+    nav ul li ul {
+        border: none; box-shadow: none;
+        display: block;
+        position: static;
+    }
+}
+
 /* Typography */
 code,
 samp {