Hi Gunnar
flex-grow verteilt Anteile in einer Zeile / entlang der Hauptachse. Genau das war ja eine meiner ersten Überlegungen. Und das ging gründlich schief.
Vergleiche doch mal die main-definitionen. Hier weise ich dem main-Element align-content:flexstart zu, hier aber nicht. Das Resultat unter dem 2. Link: der Header ist so hoch, wie es sein Inhalt erfordert.
Schau dir dazu bitte auch diese Seite an.
Doch, die von dir verlinkte seite hab ich mir - mehr als einmal - angesehen. Wenn du da etwas weiter nach unten scrollst, siehst du die grafischen Darstellungen zu align-content. Und da ist genau das dargestellt. Was die Grafiken nicht anzeigen, ist das verhalten der einzelnen Elemente,, bzw. deren Anpassung an ihren eigenen Inalt.
Gruss
Delbor