Mosaik + Detailzeile mit CSS
bearbeitet von
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% breiterdazugehöriger Inhalt eingeblendet werden, die restlichen Zeilen rutschen also nach unten.
Hier zur Veranschaulichung:
Augangszustand
[](/images/fee3ea6d-9cd8-40d7-b8e0-7f0e72b448c1.png)
Hover
[](/images/f5aa44c4-4f81-4095-8198-9f7c8ebd5a2d.png)
Ist das nur mit CSS möglich? Ein Denkanstoß oder weiterführender Suchbegriff wäre sehr nett.
Danke und viele Grüße
Basti