Flexbox Tutorial für Anfänger - CSS Tutorial - Deutsch

Flexbox ist ein Modul in CSS, mit dem wir den Inhalt eines Behälterelements auf einfache Art und Weise so anordnen können, wie wir es wollen. Wie es funktioniert, welche Eigenschaften man verwendet und welche Möglichkeiten Flexbox bietet, schauen wir uns in diesem Video an!

00:00 Was ist Flexbox?
00:14 Das Beispieldokument
00:55 Einen Flexbox Behälter erstellen mit display:flex
01:20 Das Grundprinzip von Flexbox: Hauptachse und Querachse
01:48 Die Richtung der Hauptachse ändern: flex-direction
03:25 Ausrichtung & Verteilung an der Hauptachse: justify-content
05:31 Ausrichtung an der Querachse: align-items
09:00 Einzelne Elemente ausrichten: align-self
10:11 Elemente auf mehrere Reihen verteilen: flex-wrap
13:03 Kurzform für flex-direction und flex-wrap: flex-flow
13:50 Ausrichtung der einzelnen Reihen: align-content
14:42 Dynamische Größen für Flexbox-Elemente!
15:14 flex-basis: den reservierten Platz auf der Hauptachse festlegen
16:19 Automatisches Ausdehen von Elementen: flex-grow
18:51 Automatisches Schrumpfen von Elementen: flex-shrink
20:02 Die Flexbox-Kurzform: flex
21:03 Abonniert den Kanal :)

• #education
• #css
• #css_flexbox
• #css_flexbox_tutorial
• #css_fr_anfnger
• #css_grid
• #css_tutorial
• #css_tutorial_deutsch
• #css3
• #flexbox
• #flexbox_css_tutorial
• #flexbox_eigenschaften
• #flexbox_erklrt
• #flexbox_fr_anfnger
• #flexbox_kurs
• #flexbox_properties
• #flexbox_tutorial
• #flexbox_tutorial_deutsch