[mertbuilds]

The grab · inspect · grab color card sat alone in the left column of the demo grid. A half card left alone in the last row before the wide cards (or as the last child) now spans both columns on the two-column grid. One column on phones is unchanged. Card lines get a 65ch max width so text stays readable in a wide card.

Proof

• Measured card width at 1500px: before 336 of 680 (knobs.dev), after 680 of 680 (local), light and dark. At 390px: 358 of 358 both.
• Screenshots (local): /private/tmp/claude-501/-Users-duzgundev-wiki/3f064b91-f7b3-401f-8702-20e68b3e4ff4/scratchpad/after-1500-light.png, /private/tmp/claude-501/-Users-duzgundev-wiki/3f064b91-f7b3-401f-8702-20e68b3e4ff4/scratchpad/after-1500-dark.png, /private/tmp/claude-501/-Users-duzgundev-wiki/3f064b91-f7b3-401f-8702-20e68b3e4ff4/scratchpad/after-390-light.png, /private/tmp/claude-501/-Users-duzgundev-wiki/3f064b91-f7b3-401f-8702-20e68b3e4ff4/scratchpad/after-390-dark.png
• Reviewer checked 1280, 700, 640 (spans) and 639 (one column, auto).
• pnpm typecheck, lint, format:check, test: pass.

Risk

Low, CSS only (landing demo grid). Older browsers without :has / nth-child(of) drop the rule and keep the old layout.

How to revert

Revert this squash commit.