diff --git a/src/layouts/BaseLayout.astro b/src/layouts/BaseLayout.astro index 6f7b672..8402c9a 100644 --- a/src/layouts/BaseLayout.astro +++ b/src/layouts/BaseLayout.astro @@ -242,6 +242,26 @@ const fullTitle = title === 'Home' ? 'TechShoulders' : `${title} | TechShoulders .footer-links a:hover { color: var(--color-link); } + + @media (max-width: 600px) { + .nav { + flex-wrap: wrap; + gap: 0.75rem; + } + + .nav-links { + gap: 0.75rem; + flex-wrap: wrap; + } + + .nav-links a { + font-size: 0.85rem; + } + + .nav-browse { + padding: 0.25rem 0.625rem; + } + }