Layout mit flex-box

[Gunnar Bittersmann]

@@Gunnar Bittersmann

Darin ist auch dieses Beispiel zu finden.

Das zeigt, wie man’s nicht macht (das HTML):

• <div class="wrapper"> Wozu?

• <header class="header">, <aside class="aside …">, <footer class="footer"> Da rollen sich dann schon die Fußnägel hoch.

Aber mal ins CSS gekuckt und mein Beispiel so angepasst, dass kein max-width mehr vorkommt, sondern alles über flex-basis geregelt wird.

(flex is the shorthand for flex-grow, flex-shrink and flex-basis.)

LLAP