---
layout: single
property_name: grid-auto-flow
---
Defines the position of auto-generated grid items.
In this two-columns setup, the second grid item is two-columns wide, the third item is four-rows tall. The other grid items are placed on additional rows.
The other grid items are placed on additional columns.
The dense algorithm tries to place all other grid items in order to fill all the "holes" in the grid.
#grid-auto-flow
default
grid-auto-flow: row;
grid-auto-flow: column;
grid-auto-flow: dense;