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