Syntax

Grid Columns

Style utility for creating multiple grid columns.

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

Class	Declarations
`grid-cols:value`	`display: grid; grid-template-columns: repeat(value,minmax(0,1fr));`

Conditionally apply

Apply styles based on different states using selectors and conditional queries.

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

Setting a grid items's size and location in a grid layout.

Setting a grid items's size and location in a grid layout.