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 <noreply@anthropic.com>
This commit is contained in:
Vinta Chen
2026-10-21 23:53:50 +08:00
co-authored by Claude
parent 039769f0f9
commit d87b4601a3
+8 -5
View File
@@ -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;
}