fix: wrap nav links on mobile to prevent horizontal overflow

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
2026-04-13 06:58:03 +00:00
parent f6cd947173
commit c4462e2918
1 changed files with 9 additions and 0 deletions
@@ -61,6 +61,15 @@ a:hover { opacity: 0.7; }

@media (max-width: 640px) {
  .page { padding: 0 1.5rem; }
+  header {
+    flex-direction: column;
+    gap: 0.75rem;
+  }
+  header nav {
+    gap: 1rem;
+    flex-wrap: wrap;
+    justify-content: center;
+  }
 }

 /* Header */