AutoGrid

Auto-fit/auto-fill responsive grid primitive for card-style listings, switching column density by minimum track width.

Layout

Default (auto-fit, min 15rem)

Wider tracks (min 16rem)

Fill (keeps empty tracks)

Source

<AutoGrid>
  <Card title="Item A">…</Card>
  …
</AutoGrid>

Injected into the previews above. AutoGrid

/* Live CSS — edits inject into every preview above.
   Try overriding a component utility, e.g.:
   .btn { letter-spacing: 0.04em; } */