Skip to content

Grid

<vox-grid> is a responsive CSS-grid container. Columns auto-fit to the min width by default; cols fixes the count.

Resizes with the viewport.Resizes with the viewport.Resizes with the viewport.
html
<vox-grid min="240px" gap="lg">
  <vox-card heading="…">…</vox-card>
  <vox-card heading="…">…</vox-card>
</vox-grid>

<vox-grid cols="2">…</vox-grid>

API

AttributeTypeDefaultDescription
colsnumber0 (auto-fit)Fixed column count
minstring240pxMinimum track width when auto-fitting
gapsm | md | lgmdGutter size

Released under the Apache-2.0 License.