CardGrid

Responsive auto-fit grid wrapper for a run of Cards in a content body.

Data Display

Default

Source

<CardGrid>
  <Card title="Product A">…</Card>
  <Card title="Product B" variant="muted">…</Card>
  <Card title="Product C" variant="accent">…</Card>
  <Card title="Product D">…</Card>
</CardGrid>

Live CSS

Injected into the previews above. CardGrid

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