Header gestalten
bearbeitet von Gunnar Bittersmann@@Bernd
> ich bin etwas am verzweifeln. Wie bekomme ich so ein Header hin? Das Hintergrundbild soll über die ganze Bildschirmbreite gehen, der Inhalt Zentriert auf 1200px Breite.
Da hätte ich eine Rückfrage: Wie soll’s sussehen, wenn die Bildschirmbreite weniger ist als 1200px?
(Mal ganz abgesehen davon, dass px im Stylesheet nicht auftauchen sollte.)
Hintergrundbild fürs `html`-Element, `background-size: cover` bzw. `contain` [[MDN](https://developer.mozilla.org/de/docs/Web/CSS/background-size)]
`max-width` für `body`; Zentrierung mit `margin: auto`.
Oder [mit Grid](https://codepen.io/gunnarbittersmann/pen/xrRmQe).
LLAP 🖖
--
“When UX doesn’t consider *all* users, shouldn’t it be known as ‘*Some* User Experience’ or... SUX? #a11y” —[Billy Gregory](https://twitter.com/thebillygregory/status/552466012713783297)