From d87b4601a3a1033315f03935fbf8bd5fd4293184 Mon Sep 17 00:00:00 2001 From: Vinta Chen Date: Wed, 21 Oct 2026 23:53:50 +0800 Subject: [PATCH] style: list categories down each column in the browse-by-category nav The grid filled rows left to right, so reading down a column skipped through README order four categories at a time. Co-Authored-By: Claude --- website/static/style.css | 13 ++++++++----- 1 file changed, 8 insertions(+), 5 deletions(-) diff --git a/website/static/style.css b/website/static/style.css index 011d3081..26cb0b5b 100644 --- a/website/static/style.css +++ b/website/static/style.css @@ -379,10 +379,13 @@ kbd { .hero-category-links { list-style: none; - display: grid; - grid-template-columns: repeat(auto-fill, minmax(13rem, 1fr)); + columns: 13rem; column-gap: clamp(1.25rem, 3vw, 2.5rem); - row-gap: 0.28rem; +} + +.hero-category-links li { + break-inside: avoid; + padding-bottom: 0.28rem; } .hero-category-link { @@ -1755,7 +1758,7 @@ th[data-sort].sort-asc::after { } .hero-category-links { - grid-template-columns: repeat(auto-fill, minmax(10rem, 1fr)); + columns: 10rem; } .results-note { @@ -1829,7 +1832,7 @@ th[data-sort].sort-asc::after { } .hero-category-links { - grid-template-columns: repeat(auto-fill, minmax(8rem, 1fr)); + columns: 8rem; column-gap: 0.75rem; }