display:flex - der Standardwert und andere Begrifflichkeiten

[MrMurphy1]

Hallo

Viel spannender ist das dritte Beispiel: "Flexbox 3 - unterschiedliche Breiten".

Dort wird zu dem Beispiel behauptet: "Alle flexiblen Elemente erhalten nun eine Breite von flex-grow: 1. Das jeweils zweite Element wird über den nth-of-type-Selektor ausgewählt und erhält mit flex-grow: 2 die doppelte Breite. Die anderen Elemente werden entsprechend schmaler."

Im Beispiel trifft das für die Zahlenreihe mit bei der Zahl 2 auch zu.

Der zweite Text "Was kann Flexbox?" wird jedoch so schmal wie sein längstes Wort, in dem Beispiel "Flexbox?" in der Überschrift, welches durch die Schriftgröße am längsten ist.

Das Verhalten von Flexbox ist dabei mit dem CSS vollkommen korrekt, ich kann mir aber nicht vorstellen, das Flexbox-Anfänger das nachvollziehen können. Die werden eher ratlos zurückgelassen, zumal das Verhalten in dem Text genau anders beschrieben wird. Demnach sollte der Text "Was kann Flexbox?" doppelt so breit sein wie die beiden anderen Texte links und rechts davon.

Gruss

MrMurphy