Mosaik + Detailzeile mit CSS

[Gunnar Bittersmann]

@@x51398

vielen Dank! Wen es interessiert: Hier eine erste Umsetzung -> https://codepen.io/x51398/pen/YeLRQp

BTW: grid-template-columns: 25% 25% 25% 25% ist nicht so toll. Das Gute an Grid ist ja, dass man sich die Breiten nicht selber ausrechnen muss, sondern einfach sagen kann: Hömmal Browser, mach mal alle Spalten gleich breit:
grid-template-columns: 1fr 1fr 1fr 1fr

Oder noch besser: grid-template-columns: repeat(4, 1fr) – sprechender Code.

Aber du wolltest doch gar nicht 4 Spalten, sondern „responsiv mit x.., 4, 3, 2 oder einem Element pro Zeile“‽
Also grid-template-columns: repeat(auto-fill, minmax(⟨Mindestbreite⟩, 1fr)) ☞ flexible grid.

LLAP 🖖