Flexbox & Grid
Grid Auto Flow
Utilities for controlling how elements in a grid are auto-placed.
Basic usage
Controlling grid element placement
Use the grid-flow-{keyword} utilities to control how the auto-placement algorithm works for a grid layout.
01
02
03
04
05
<div className="grid **grid-flow-row-dense** grid-cols-3 grid-rows-3 ...">
<div className="col-span-2">01</div>
<div className="col-span-2">02</div>
<div>03</div>
<div>04</div>
<div>05</div>
</div>