Mosaik + Detailzeile mit CSS

[x51398]

Hallo,

ich möchte folgendes Layout erreichen: ein Raster mit beliebig vielen Quadraten, responsiv mit x.., 4, 3, 2 oder einem Element pro Zeile. Beim :hover auf ein beliebiges Quadrat soll unter dessen Zeile ein 100% breiter dazugehöriger Inhalt eingeblendet werden, die restlichen Zeilen rutschen also nach unten.

Hier zur Veranschaulichung: Augangszustand

Hover

Ist das nur mit CSS möglich? Ein Denkanstoß oder weiterführender Suchbegriff wäre sehr nett.

Danke und viele Grüße Basti