CSS grid-auto-flow property
Description
CSS grid-auto-flow controls the placement of grid-items that were not placed by the grid-row or grid-column.
It allows the auto-placed items to get flowed into the unoccupied space. This unoccupied space may place the items in rows or columns depending upon the value of grid-auto-flow.
Syntax
grid-auto-flow : [row | column]
Property values
rowDefault
-
It automatically places an item in the row and finds the next row automatically to place an item in that row.
grid-auto-flow: row;
column
-
It automatically places an item in the column and finds the next column automatically to place an item in that row.
grid-auto-flow: column;
Applicable to
It applies to grid containers.
From web4college, the free CSS digger
#CSS digger
Was this article helpful?
grid-auto-row
grid-auto-row
▾