Probleme mit Flexbox

[Gunnar Bittersmann]

@@Lars

Was übersehe ich hier?

Dass das nav-Element ein Flexitem der Flexbox header ist und sich so schmal macht wie es sein Inhalt erfordert.
Mit nav { flex: 1 } dehnt es sich über die volle Breite aus.

Außerdem willst du vermutlich mit nav ul { padding-left: 0 } den bei Listen normalerweise für Bullets bzw. Numerierung freigehaltenen Platz weghaben.

(BTW, nav > ul wäre der robustere Selektor.)

Und vermutlich willst du auch nicht space-around, sondern space-between.

P.S. Ich habe den Thread mal allgemein gehalten, da kommt warscheinlich noch mehr 😏

Unbedingt: Deine Schrift ist wegen zu wenig Kontrast zwischen Textfarbe und Hintergrundfarbe kaum lesbar.

LLAP 🖖