Mosaik + Detailzeile mit CSS

[Gunnar Bittersmann]

@@x51398

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

Nicht tastaturbedienbar, meh! Die „Quadrate“ (bei dir gegenwärtig h3) mit tabindex="0" per Tastatur fokussierbar machen und die Stile nicht nur für :hover, sondern auch für :focus angeben! (Nicht, dass das Ding damit schon für alle Nutzer zugänglich wäre …)

Als Nutzer ist man versucht, mit der Maus von dem „Quadrat“ in die „Lasche“ zu fahren – und schwupps ist die Lasche weg! Wie gedenkst du dieses Problem zu lösen?

Über die richtige Elementwahl zur Darstellung einer solchen Struktur bin ich noch am Nachdenken...

Heißt du vielleicht … Beschreibungsliste? section →dl; h3 → dt; div → dd.

LLAP 🖖