CSS grid-auto-flow Property


The grid-auto-flow property Specifying exactly how auto-placed items get flowed into the grid.

This property has the following values: row, column, dense, row-dense, column-dense. If neither "row" nor "column" value is provided, "row" is supposed.

CSS Syntax

grid-auto-flow: row|column|dense|row dense|column dense;

Supported Browsers:

  • Firefox: 52.0, 2.0 -moz-
  • Google Chrome: 50.0, 4.0 -webkit-
  • Internet Explorer: 10.0
  • Safari: 9.0, 3.1 -webkit-
  • Opera: 37.0, 15.0 -webkit-, 11.1

Example -