CSS-Kniffliges zum Wochenende

[Gunnar Bittersmann]

@@Matthias Apsel

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.)

Er muss nur dasselbe margin-top bzw. -bottom wie die Überschrift bekommen. Dann sollte er vertikal an der Grundlinie ausgerichtet sein.

Nein, das sieht hier nur so aus, weil der Button in etwa dieselbe Höhe hat wie die Überschrift.

Ändere mal die Schriftgröße header h1 { font-size: 3.25em }. Um den Button rechts neben die Überschrift zu bekommen, musst du den media query auf einen größeren Wert setzen, meinetwegen @media (max-width: 124em). Wie willst du den Button zur Überschrift (Float) ausrichten?

LLAP 🖖