#grid-auto-columns

Legt die Größe von Rasterspalten fest, die implizit erstellt wurden: Das bedeutet, dass grid-auto-columns auf die Spalten abzielt, die nicht mit grid-template-columns oder grid-template-areas definiert wurden.

default grid-auto-columns: auto;

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

grid-auto-columns: 100px;

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

In dieser Situation definiert das grid-template-areas 3 Spalten, während das grid-template-columns nur 2 Spaltenbreiten definiert.

Daher wird die dritte Spaltenbreite aus der Eigenschaft grid-auto-columns übernommen: 100px.