Gunnar Bittersmann: CSS-Kniffliges zum Wochenende

Beitrag lesen

@@1unitedpower

Hm, wenn man dem display: flex vom <head> entfernt, und <h1> display: float gibt

Sieht dann so aus.

Der Button wird per #main-nav { text-align: right } nach rechts gerückt;
der Rest per #main-nav > * { text-align: left } wieder nach links.

(Dass der Button bei sehr schmalen Viewports rechts ist und nicht wie vorher links, soll nicht weiter stören.)

Problematisch ist die vertikale Ausrichtung des Buttons, hier müsste man wohl mit einer magic number ran. (Vorher erledigte das innerhalb der Flexbox align-items: center.)

LLAP 🖖

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