diff --git a/assets/css/tailwind.css b/assets/css/tailwind.css index 39e8d2836..0571fd17d 100644 --- a/assets/css/tailwind.css +++ b/assets/css/tailwind.css @@ -48,10 +48,11 @@ @apply bg-surface border-b border-border shadow-sm; nav { - @apply container mx-auto px-4 py-4 flex gap-6; + /* Wrap: six nowrap links overflow a 390px viewport to ~510px. */ + @apply container mx-auto px-4 py-4 flex flex-wrap items-center gap-x-4 gap-y-2 sm:gap-6; a { - @apply text-text no-underline px-2 py-1 hover:text-primary transition-colors; + @apply text-text no-underline px-2 py-1 hover:text-primary transition-colors whitespace-nowrap; } } }