Rolf B: Höhe der letzten Grid-Zeile soll auf verbleibenden Platz ausgeweitet werden

Beitrag lesen

problematische Seite

Hallo Gunnar,

ich hätte mit all dem hier zwei Probleme.

(1) Ein kleines Problemchen:

da diese ganze Nummer ohnehin nur mit 3 Spalten funktioniert, sollte man das auch klar darstellen.

.grid {
  display: grid;
  grid-auto-rows: 100px;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 5px;
}
.grid :nth-child(4n + 1),
.grid :nth-child(4n + 4) {
  grid-column: span 2;
}

(2) Ein Problem-Whopper:

In der Frage ist von der Höhe der letzten Zeile die Rede, nicht von der Breite einer Spalte.

Rolf

--
sumpsi - posui - obstruxi