Lektion 1 von 5

Flexbox: in einer Reihe ausrichten

Flexbox ordnet Elemente in einer Reihe (oder Spalte) an. Man aktiviert den Flex-Modus am Container: display: flex.

justify-content verteilt den Platz zwischen den Kindern: space-between schiebt sie an beide Enden, mit dem Abstand in der Mitte.

.row {
  display: flex;
  justify-content: space-between;
}

🎯 Dein Ziel

Eine <div class="row"> enthält drei <span>. Setze .row per CSS auf display: flex und verteile die Elemente mit justify-content: space-between.

PRO-Lektion

Dieses fortgeschrittene Kapitel gehört zu CodeAge PRO. Schalte es frei, um dein Abenteuer fortzusetzen.