mirror of
https://github.com/pbakaus/impeccable.git
synced 2026-09-12 06:06:37 +03:00
Paul BakausandClaude Opus 4.8
506f40607a
The full-bleed breakout baked the (100vw - 1500px)/2 gutter into each edge tile's padding for title alignment. On the leftmost span-4 tile (DESIGN.md) that gutter grew faster than the column, so past 1500px the inner .why-dm-grid got squeezed as the viewport widened. Move the cap to .why-bento itself via margin-inline that only cancels .site-content's clamp side padding: below 1500px the rail stays edge-to-edge, at/above 1500px it caps at 1500px and centers with the page background on the sides. Tile content still aligns with the section headings, and columns stop growing so the mockups hold their size. Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>