Grid

Grid Columns

Style utility for creating multiple grid columns.

🚧This page is still under construction and some content may not be complete.

Overview [sr-only]

ClassDeclarations
grid-columns:value / grid-cols:value

Conditionally apply

Apply styles in different states using selectors, media queries, etc.

<div class="grid-cols:12:hover grid-cols:12@sm grid-cols:12@dark grid-cols:12@print"></div>
PREVIOUS
Grid Column

Style syntax for setting a grid items's size and location in a grid layout.

NEXT
Grid Row

Style syntax for setting a grid items's size and location in a grid layout.

MIT License © Aoyue Design LLC.