Syntax

grid-columns

Style utility for creating multiple grid columns.

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

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.

Overview