Hallo Sibold,
der Grid-Debugger von Chrome oder FF zeigt, dass dein main-Grid zwei Zeilen und drei Spalten hat. Dein div ist in Zeile 2, Spalte 1 und enthält alle 3 p Elemente.
Die Grid-Visualisierung der Entwicklerwerkzeuge (hier: Chrome) zeigt das. FF hat sowas auch. Ich habe nur den p Elementen etwas Padding hinzugefügt, damit die Gridline-Nummern nicht alle ineinander hängen.
Rot: main-grid. Dein column-Template hat 3 Spalten. Weil aber 4 Elemente da sind, kommt das div in eine neue Zeile.
Orange: div-grid. Dein column-Template dafür hat eine Spalte, darum steht alles untereinander.
Welche Anordnung möchtest Du denn haben? Das habe ich aus deinem Beitrag nicht verstanden.
Rolf
--
sumpsi - posui - obstruxi
sumpsi - posui - obstruxi