jamespandClaude Opus 5 f2527547d7 Contain the floated thumbnail so listing spacing actually applies
The gap between listing items was collapsing to 11-33px and varying per
item, despite a 50px margin. The thumbnail floats left and nothing
contained it, so whenever the excerpt was shorter than the 150px image
-- which is most of them now the column is the full 930px rather than
the theme's 650px -- the image overflowed the item and the margin below
it was absorbed.

.post/.hentry now use display: flow-root, so the item wraps its own
float and the margin is measured below the image. Measured against the
live old site: it has no overflow (-6px) and a steady 42px gap; this was
overflowing by 39-61px. Both sites now sit at a consistent 60px.

That also makes the theme's trailing <br /> and clear div redundant --
they existed only to escape the float -- so the listing markup drops
them and the wrapping Fragment with them.

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
2026-09-15 20:03:25 -04:00
S
Description
www.vicihost.com
8.7 MiB
Languages
CSS 53.8%
JavaScript 26.5%
Astro 18.3%
TypeScript 1.4%