Gunnar Bittersmann: Header gestalten - Verschachtelung OK?

Beitrag lesen

@@Bernd

Dann würde es auch mit dem Unterstrich klappen:

Das klappt auch bei dem von mir gezeigtem Beispiel mit kleinen Änderungen am Stylesheet:

  • Nicht der body wird in der Breite beschränkt, sondern dessen Kinder header und main.
  • Die Linie wird durch ein body::before-Pseudoelement erzeugt.
  • Der header wird mit order: -1 vor (über) diese Linie gesetzt. Dazu wird body auch zu einer Flexbox gemacht.

So sieht’s aus.

LLAP 🖖

--
“When UX doesn’t consider all users, shouldn’t it be known as ‘Some User Experience’ or... SUX? #a11y” —Billy Gregory