Min-width/ Ende der Breite beim Verkleinern des Browsers?

[franzsen]

Trotzdem wird beim Verkleinern des browsers die Leiste verschmälert.

Jetzt bist du überrascht, dass 10% bei schmalem Viewport weniger breit ist als 10% bei breitem Viewport?

% ist gut geeignet für width-Angaben; nicht so für min-width und max-width. Dafür bieten sich em und rem an.

Ach ja! Eigentlich müßte ich es wissen. Die Prozentangabe richtet sich bei den Containern im Verhältnis nach dem Viewport während der Text immer gleich lang bleibt. Ich muß daher der Seitenleiste eine feste Breite geben. Nun funktioniert es.

Eine Veränderung habe ich noch gemacht: Ich habe anfangs dem header ebenfalls flex zugewiesen um die Überschrift vertikal zentrieren zu können. Inzwischen habe ich wieder dazu gelernt und den Code durch "line-height" gekürzt.