Frage zum Wiki-Artikel „Flex-Items“

[Rolf B]

Hallo Ulk,

nein, das ist nicht falsch, sondern funktioniert nach Design.

Der "Beachten Sie" Paragraph hat das begründet, wenn auch zu knapp.

Ich habe das verbessert, schau es Dir bitte an.

Für Wikiphobiker:

Die zweite Reile besteht aus drei Sections mit Fließtext. Die haben zwar alle ein flex-grow:1 bekommen, und die mittlere ein flex-grow:2, aber Flexbox kann nur den Platz verteilen, der auch vorhanden ist. Und die Fließtexte in den Sections genügen, damit die Sections den ganzen horizontalen Platz einnehmen.

Durch Hinzufügen von bspw. flex-basis:15em zu den Sections wird dieser Standardplatzbedarf begrenzt und nun kann flex-grow zur Wirkung kommen.

Ich habe das Beispiel bewusst NICHT modifiziert, sondern lediglich die Erklärung geschrieben, um den Vorführeffekt zu behalten. Das Ergänzen einer flex-basis im Frickl steht jedem Leser frei.

Rolf