Example

A simple grid-auto-flow property example:

Laboratory

description & Usage

To determine the type of items in the grid layout, we use the grid-auto-flow property.

Informations

# Description
Default Value row
Inherited no
Animatable yes
Version CSS Grid Layout Module Level 1
JavaScript syntax object.style.gridAutoFlow="row dense"

Browser compatibility and Support

# Chrome Edge Firefox Safari Opera
grid-auto-flow

Syntax

Values

Values Description
row Default
column Divides items to fill all columns.
dense Divides the items to fill all the holes.
row dense Divides items to fill all rows.
column dense Divides items to fill all columns.