RootRifs
Zurück zu Kapitel 3: Layout und Responsive Design

HTML & CSS | Intermediate

Ausrichtung mit Flexbox

Elemente horizontal und vertikal sauber ausrichten.

Lernziel

Du verstehst justify-content und align-items auf Einsteiger-Niveau.

Beispiel

.toolbar {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

Live-Beispiel

LogoNavigation

Erklärung

justify-content steuert die Verteilung entlang der Hauptachse, align-items entlang der Querachse.