Flexbox Einführung

Die Flexbox löst viele Probleme im Webdesign: mit ihrer Hilfe lassen sich ganz einfach Elemente horizontal und sogar vertikal (!) zentrieren. Für diese Serie solltest du die CSS Grundlagen bereits kennen.

< Flexbox-Container und Flex-Items >

In diesem Video sprechen wir über Flex Container, Flex Items und wie man es schafft Block-Elemente mithilfe der Flexbox nebeneinander zu positionieren und auch auf der Hauptachse d...

Video starten

< Elemente vertikal zentrieren >

In diesem Video zeige ich dir, wie man mithilfe der Flexbox Elemente vertikal zentrieren kann.

Video starten

< Navigation mit Flexbox umsetzen >

Mithilfe der Flexbox und der Eigenschaft justify-content lässt sich eine horizontale Navigation ganz einfach umsetzen. Wie das geht: das zeige ich dir hier im Video!

Video starten

< Items mit gleicher Breite >

Angenommen, ihr habt drei Boxen, die unterschiedlich lange Texte enthalten. Wie könnt ihr den horizontalen Platz gut nutzen, um alle drei Boxen in der gleichen Breite darzustellen?...

Video starten