[markdumay]

Summary

Adds layout: split to the cards block, which places the heading and links beside the cards instead of above them. It's useful for breaking up a page where several card rows follow each other.

• From the lg breakpoint up, the heading and links take the left column and the cards take the right, split 50/50.
• Below lg, the columns stack. The switch sits one breakpoint after the section width applies, so tablets keep the full width.
• The split layout uses a smaller gutter (g-3). With cols: 1 and padding: 0, the cards read as a compact stack.
• Blocks that don't set layout render as before.

- _bookshop_name: cards
  layout: split
  orientation: horizontal
  cols: 1
  padding: 0
  width: 10
  justify: center

The column ratio is fixed at 50/50. A configurable ratio can follow if a site needs one.

Testing

• pnpm test builds the example site, and /components/cards/ now includes a split example.
• The layout was explored on amfelt.com at desktop width, and checked at 820px and 390px with a 5/7 split: columns stack with no horizontal overflow. The final 50/50 ratio was checked at desktop width only.
• No dark mode check was done. The layout adds no colors of its own.

🤖 Generated with Claude Code

[markdumay]

🎉 This PR is included in version 2.15.0 🎉

The release is available on GitHub release

Your semantic-release bot 📦🚀