Element-Einträge von oben nach unten und bei Bedarf automatisch mehrspaltig (Grid?)

[Rolf B]

Hallo Kira,

du suchst vermutlich grid-auto-flow:column.

Damit musst Du aber die Anzahl der Zeilen festlegen, sonst wird das nichts. Der Auto-Flow Mechanismus des Grid kann meines Wissens nicht sagen: Mach so viele Zeilen (Spalten) bis die Viewporthöhe (-breite) erreicht ist und beginne dann eine neue Spalte (Zeile).

Denkbar wäre, eine Media-Query auf die Viewporthöhe (Container-Query wäre besser, ist aber noch nicht in der Wildnis angekommen) zu machen und je nach Höhe die Anzahl der Grid-Zeilen zu setzen. Das ist aber eine ziemlich bröckelige Sache, weil Du ja nicht weißt, was sonst auf dem Viewport los ist und die verfügbare Höhe für das Grid kaum einschätzen kannst. Das sollte man vermutlich besser über einen resize-Observer steuern.

Deine Anforderung bezüglich des Verhaltens bei "Bildschirm voll" habe ich nicht verstanden. Sollen dann weitere Spalten oder Zeilen entstehen? Mit auto-flow-column würdest Du weitere Spalten erzeugen.

Rolf