Gestaltung mit Flexbox

[marctrix]

Hej zusammen,

übrigens versuche ich genau so eine Aufteilung für eine Box umzusetzen.

Die erste Spalte (immer das erste Element im Grid-Container) enthält nur ein Icon zur optischen Markierung des Box-Typs (Error, Info, Success, Warning usw) und einen entsprechenden Screenreadern zugänglichen Hinweis-Text, der auch bei fehlendem/kaputtem CSS ausgegeben würde.

Ich suche gerade nach einer eleganten Lösung. Hat jemand eine Idee, wie man das als grid schreibt? Also eine Spalte mit einem Grid-Item über die gesamte (unbekannte) Höhe des grid-containers und eine zweite Spalte mit n grid-items daneben. @Gunnar Bittersmann vielleicht?

wenn ich um alle Inhalte ein div lege ist es einfach - das möchte ich möglichst vermeiden 😉

Marc