#grid-auto-rows

Definiert die Größe von Rasterzeilen, die implizit erstellt wurden: Das bedeutet, dass grid-auto-rows auf die Zeilen abzielt, die nicht mit grid-template-rows oder grid-template-areas definiert wurden.

default grid-auto-rows: auto;

Die implizit erzeugten Zeilen haben eine auto Größe.

grid-auto-rows: 100px;

Hier kombinieren wir grid-template-areas: "header header header" "sidebar main main" "footer footer footer" mit grid-template-rows: 50px 200px.

In dieser Situation definiert das grid-template-areas 3 Zeilen, während das grid-template-rows nur 2 Zeilenhöhen definiert.

Die Höhe der dritten Zeile (der Fußzeile) wird daher von der Eigenschaft grid-auto-rows übernommen: 100px.