When to Use

• Multi-column pages like dashboards and pricing sections.
• Card layouts where alignment consistency matters.
• Responsive systems that need clear reflow rules.

When NOT to Use

For a single vertical content flow, use a stack instead of forcing a grid.

Variants

Confused?

If you need sequential vertical flow, use Stack. If you need spatial layout control, use grid.

Agent Prompts

Use the copy-ready Cursor and Pencil prompts in the prompt panel below this card.