Grid

Use Grid to create complex, two-dimensional layouts based on CSS Grid, with control over columns, rows, and gaps across breakpoints.

Figma

The Figma reference for Grid will appear here once the design link is added.

Storybook

Interactive examples for Grid will render here once the Storybook link is wired in.

Best practices

• Use a grid for genuinely two-dimensional layouts; use a stack for a single row or column.
• Define responsive column counts so the layout adapts across breakpoints.
• Keep gaps consistent using spacing tokens.

Related components

• Stack
• Container
• ImageList