Syntax

grid

Setting layout of grid system.

Class	Declarations
grid:`template`	grid: `template`;
grid:`template-rows`/`auto-flow`\|`auto-columns`	grid: `template-rows`/`auto-flow` `auto-columns`;
grid:`auto-flow`\|`auto-rows`/`template-columns`	grid: `auto-flow` `auto-rows`/`template-columns`;

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

<div class="grid:none:hover grid:none@sm grid:none@dark grid:none@print">…</div>

Setting the gutters between rows and columns.

Setting a size and location within a grid.

Overview