| commit 8322b7bb6cc6b3880a8c651e6a3b75a23f1a424c parent b6014e325abd22f4985243743cd58e333fda5a48 Author: sqzer <110329244+sqzer-x@users.noreply.github.com> Date: Wed, 5 Aug 2026 19:34:53 +0900 The card's type follows the card, not the window The clipping was still there below about 950px and I had measured the wrong thing to conclude otherwise: I asked whether the label scrolled, and a flex column centred on its axis does not report overflow that leaves through the top. Rendering it at five widths and looking showed it immediately — at 920 the g in "Beginning" loses its tail and the second line of the description is cut in half. The cause is that the box and the text were sized against different things. The card's width comes from its container and shrinks quickly; the title's came from a vw term and shrank slowly. Below about 950 the text stopped fitting in a box that was still getting smaller, and overflow: hidden did the rest. Both are on the same number now. The card is a container and its title, its description, its padding and its gaps are all in cqw, so the text scales with the box that holds it and cannot outrun it. Measured across 1920 to 900: 39 to 63px of clearance above and below the text at every width, no clipping anywhere, and the title stays on one line throughout rather than jumping to two partway down. The card is also smaller. Its section now stops at 58rem rather than 71 — 1102px against 1235 — so at a maximised window the card is 1102 x 413 instead of 1235 x 463, and the section head, the card and the project grid all begin and end on the same two verticals. Diffstat:
|
www~ Personal site — projects, posts, about. Built with sqzass. |
| git clone https://github.com/debuman/www.git |