#grid-auto-flow

Bestimmt die Position der automatisch erzeugten grid items.

default grid-auto-flow: row;

In diesem zweispaltigen Aufbau ist das zweite Gitterelement zweispaltig, das dritte Element ist vierzeilig hoch.

Die anderen Gitterelemente sind auf zusätzlichen Reihen platziert.

grid-auto-flow: column;

Die anderen Gitterelemente werden in zusätzlichen Spalten platziert.

grid-auto-flow: dense;

Der dichte Algorithmus versucht, alle anderen Gitterelemente so zu platzieren, dass alle „Löcher“ im Gitter gefüllt werden.