Grid Auto Flow
Utilities for controlling how elements in a grid are auto-placed.
| Class | Properties |
|---|---|
| .grid-flow-row | grid-auto-flow: row; |
| .grid-flow-col | grid-auto-flow: column; |
| .grid-flow-row-dense | grid-auto-flow: row dense; |
| .grid-flow-col-dens | grid-auto-flow: column dense; |
Usage
Use the row-span-{n} utilities to make an element span n rows.
1
2
3
4
5
6
7
8
9
Responsive
To control the grid-auto-flow property at a specific breakpoint, add @{breakpoint} the end of the utility.
Variants
By default, only responsive variants are generated for grid-auto-flow. You can control which variants are generated by modifying the $utility-configuration in _settings.scss.