# Grid

Source: https://design.ritchiebros.com/components/layout/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](https://design.ritchiebros.com/components/layout/stack/)
- [Container](https://design.ritchiebros.com/components/layout/container/)
- [ImageList](https://design.ritchiebros.com/components/layout/image-list/)