Visitor sites
Columns
Each child is a column. Columns stand side by side while each keeps the site's minimum column
width (--spacing-column-min) and stack once one would fall under it, so a narrow
container stacks them the way a phone does. It is part of site.css.
As many as fit
Plan
Build
Launch
A cap
max caps how many columns stand in one row. Four children with max=2 make
two rows of two:
One
Two
Three
Four
API
| Prop | Type | Default | Description |
|---|---|---|---|
max | 2 | 3 | 4 | no default | The most columns in one row. Without it as many fit as the width allows. |
children required | Snippet | no default | One element per column. |
class | string | no default | Extra classes on the grid. |