Grid
stableserver-safe
Takes a minimum column width rather than a column count, so it reflows on narrow screens without a single media query.
Auto-fitting
Resize the window — columns are derived, not declared.
Watching
Reading
Listening
Wanting
Going
Making
<Grid min="140px" gap={3}>
{items.map((item) => <Card key={item.id} />)}
</Grid>Props
| Prop | Type | Default | Description |
|---|---|---|---|
| min | string | "260px" | Minimum column width. Columns follow from it. |
| gap | 1 – 9 | 5 | Step on the spacing scale. |