Leçon 1 sur 5

Flexbox : aligner sur une ligne

Flexbox place des éléments sur une ligne (ou une colonne). On active le mode flex sur le conteneur : display: flex.

justify-content répartit l'espace entre les enfants : space-between les pousse aux deux extrémités, avec l'espace au milieu.

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

🎯 Ton objectif

Une <div class="row"> contient trois <span>. En CSS, passe .row en display: flex, puis espace les éléments avec justify-content: space-between.

Leçon PRO

Ce chapitre avancé fait partie de CodeAge PRO. Débloque-le pour continuer ton aventure.