Header gestalten

[Gunnar Bittersmann]

@@Bernd

Links davon das Logo, rechts die Navigation, wie auf meinem Bild zu sehen ist.

Auch da hätte ich eine Rückfrage: Wie soll’s aussehen, wenn Logo und Navigation gar nicht nebeneinanderpassen?

Flexbox to the rescue. justify-content: space-between, damit das Logo am Anfang (links) und Navigation am Ende (rechts) sitzt. wrap, damit beides bei wenig Platz untereinander statt nebeneinander sitzt.

Zusammen mit dem in meiner anderen Antwort Gesagtem sieht’s dann so aus: Codepen

(Der Skip-Link ist für Tastaturbedienung – als Abkürzung, dass man nicht durchs ganze Menü tabben muss.)

LLAP 🖖