Layout mit flex-box

[Gunnar Bittersmann]

@@var

In meiner idealisierten Vorstellung sollte der Seiteninhalt

a) immer zentriert sein und

body { margin: auto }

b) eine min-width: 50% haben, sozusagen als oberes Limit bei sehr großen Bildschirmen und

Das wäre dann aber max-width. Und eine Angabe in Prozent halte ich nicht für besonders sinnvoll. Die Maximalbreite sollte dafür sorgen, dass die Zeilen nicht zu lang werden, also von der Schriftgröße abhängen: body { max-width: 42em }

c) eine max-width: 90%, sozusagen als unteres Limit bei sehr kleinen Bildschirmen und

Da würde ich body bei 100% Breite belassen und den seitlichen Abstand stattdessen durch html { padding: 0 5% } erzeugen.

Wie gesagt, klingt erstmal nicht allzu schwierig, aber ich bekomme es einfach nicht auf die Reihe...

Aufgereiht.

Es wäre fantastisch, wenn mir jemand hierbei etwas auf die Sprünge helfen könnte!

Chris Coyiers Complete Guide to Flexbox kennste, ne? Darin ist auch dieses Beispiel zu finden.

LLAP