Grid auto-flow

Beide Grids haben folgende Eigenschaften:

    grid-template-columns: auto auto;
    grid-template-rows: auto auto;    

Es sind 2 Reihen und 2 Spalten definiert.
Es stehen mehr Zellen zur Verfügung als durch Reihen und Spalten definiert sind.
Durch auto-flow wird nicht nur die Anordnungs-Richtung definiert,
sondern auch, ob weitere Zellen neue Reihen oder neue Spalten bilden.

Grid auto-flow: column;

1
2
3
4
5
6
7
8

Grid auto-flow: row; (Standardwert)

1
2
3
4
5
6
7
8