mirror of
https://github.com/Nutlope/hallmark.git
synced 2026-08-14 12:35:33 +02:00
.work is a two-column grid holding three items: the counter, the name, and the description. With no placement the description auto-flowed into row 2 column 1, so every project blurb rendered 96px wide and wrapped to seven lines. Pinning it to column 2 puts it under the name where it belongs. The row gap was a second bug hiding behind the first. .work__name already declares an 8px bottom margin for exactly this pair, but the grid's 32px gap stacked on top of it, so the two spacing systems fought and the name sat 40px above its own description. The gap is now column-only, in both the base rule and the narrow-viewport override, and the margin the author wrote is the one that governs. Checked at 1280px and 375px: name and description share a left edge, 8px apart, no horizontal overflow. Still 0 FAIL.