Syntax
grid-auto-flow
Controlling how auto-placed items get inserted in the grid.
Overview
| Class | Declarations |
|---|---|
grid-auto-flow:`value` | grid-auto-flow: `value`;
|
grid-auto-flow:row | grid-auto-flow: row;
|
grid-auto-flow:column | grid-auto-flow: column;
|
grid-auto-flow:dense | grid-auto-flow: dense;
|
grid-auto-flow:row|dense | grid-auto-flow: row dense;
|
grid-auto-flow:column|dense | grid-auto-flow: column dense;
|
Apply conditionally
Apply styles based on different states using selectors and conditional queries.
<div class="grid-auto-flow:row:hover grid-auto-flow:row@sm grid-auto-flow:row@dark grid-auto-flow:row@print">…</div>