Responsive Webdesign: CSS Flexbox für Anfänger | Die Grundlagen in 10 Minuten lernen!

In diesem Video erklärt dir Webdesign-Experte Fabian Hiller CSS Flexbox, das vor allem für den Aufbau und das Layout deiner HTML-Website wichtig ist. Über das Layout bestimmt du, wie die einzelnen Elemente wie Bilder, Buttons und Texte auf der Benutzeroberfläche angeordnet werden.
Falls du bereits Erfahrung in der App-Entwicklung hast, ist CSS Flexbox vergleichbar mit “Linear Layout” unter Android und “Stack View” unter iOS. Ganz einfach gesagt, kannst du damit Elemente flexibel nebeneinander oder auch untereinander anordnen, mit automatischer Anpassung an verschiedene Displaygrößen. CSS Flexbox eignet sich somit perfekt für Responsive Webdesign.
In diesem Video lernst du die wichtigsten CSS-Eigenschaften, die du für CSS-Flexbox benötigst und wie sie zusammenspielen, um den Inhalt deiner Website auszurichten.

ÜBER HEISE ACADEMY –
Die heise Academy ist die neue digitale Lernpattform für IT-Professionals. Sichere dir deinen Wissensvorsprung in über 60 Online-Kursen und jährlich 100 Online-Trainings zu den wichtigsten Themen rund um Softwareentwicklung, Administration und IT-Security.

ÜBER DEN TRAINER –
Fabian hat bereits mit 18 Jahren sein erstes Unternehmen gegründet und Unternehmen, Restaurants und Vereine in seiner Umgebung mit Grafikdesign und Webentwicklung unterstützt. 2018 folgte dann mit Adstock das zweites Unternehmen. Neben seinem YouTube Kanal, auf dem er sein Wissen und seine Erfahrungen rundum UI und UX Design, sowie App- und Webentwicklung teilt, ist er bei vielen weiteren Softwareprojekten beteiligt. Vernetze dich mit Fabian:

Timestamps
00:04 Was ist Flexbox?
01:09 Flexbox aktivieren
01:24 Richtung bestimmen
02:06 Mehrzeilig anordnen
02:37 Abstand hinzufügen
02:58 Ausrichtung festlegen
03:43 Reihenfolge definieren
04:04 Größe bestimmen
06:05 Praktische Übung
07:30 Meine Lösung