Leçon 6 sur 8

Flexbox

Flexbox est un système de layout à une dimension. Il est excellent pour aligner des éléments en ligne ou en colonne, centrer du contenu et répartir l’espace.

Appliquez display: flex au parent. Ensuite, contrôlez l’alignement avec justify-content et align-items.

CSS

.container {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 16px;
}

🧠

Quiz rapide

Répondez correctement pour débloquer la leçon suivante.

Soutenir la mission

Cette plateforme d’apprentissage est 100% gratuite : sans publicité, sans suivi et sans paywall. Si elle vous a aidé à apprendre quelque chose d’utile, vous pouvez soutenir les futures leçons ou faire un don à Médecins Sans Frontières, qui fournit des soins médicaux d’urgence dans les zones de crise du monde entier.

Offrir un café Soutenir Médecins Sans Frontières

Flexbox

Quiz rapide

Soutenir la mission ❤️

Vous avez terminé CSS !

Soutenir la mission