display:flex - der Standardwert und andere Begrifflichkeiten

[beatovich]

hallo

Gelten die Default-Werte denn auch, wenn die Eigenschaft nicht gesetzt ist?

display:flex definiert doch automatisch, dass die Kinder des flex-containers flex-items sind.

Die Bedeutung von auto ist im endeffekt entweder content oder ein expliziter Wert, wenn es eine Breite für flex-items gibt.

Du kannst dir vorläufig die Erklärung vereinfachen, indem du keine breitenangaben für flex-items machst und darauf hinweist, dass per default die Breite so weit wie es der content zulässt, schrumpfen kann.

Und warum schrumpfen die 3 sections dann nicht so weit wie möglich?

Sie schrumpfen ja zwecks Anpassung an die Breite des flex-containers, wenn möglich, nicht auf ihr eigenes mögliches Minimum.