fix(website): stop category-page heading from wrapping

The results-intro grid (1fr + 28rem note column) squeezed the heading on
category pages with long names, e.g. "Python Projects in Environment
Management" wrapped onto two lines.

Scope a single-column override to .category-results so the heading takes
the full row and the note drops below right-aligned. Index page layout
is untouched since its heading is short.
This commit is contained in:
Vinta Chen
2026-05-03 08:01:37 +08:00
parent 8e72e8af8f
commit 1139402838

View File

@@ -502,6 +502,15 @@ kbd {
padding-top: clamp(2.5rem, 5vw, 3.75rem);
}
.category-results .results-intro {
grid-template-columns: 1fr;
gap: 0.6rem;
}
.category-results .results-intro .results-note {
justify-self: end;
}
.category-table .col-name {
width: min(42rem, 48vw);
white-space: normal;