Menu Riverview Church

GRID-AUTO-FLOW

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

SYNTAX

CSS

grid-auto-flow: value;

JS

object.style.gridAutoFlow = "value";

VALUES

<'grid-auto-flow'> = [ row | column ] || dense
row

Places items by filling each row in turn, adding new rows as necessary.

column

Places items by filling each column in turn, adding new columns as necessary.

dense

Attempts to fill in holes earlier in the grid if smaller items come up later.

INITIAL

row

EXAMPLES

COLUMN

COLUMN DENSE

ROW

ROW DENSE

JS

INTERNAL

grid

grid-auto-columns

grid-auto-rows

grid-template

grid-template-areas

grid-template-columns

grid-template-rows

EXTERNAL

World Wide Web Consortium (W3C)