Tous les exercices / CSS3 / Exercice 3
Précédent Suivant

Flexbox - Centrage

Moyen 20 points

Centrez horizontalement et verticalement la div bleue dans son conteneur en utilisant Flexbox.

Flexbox est un système de mise en page CSS moderne qui facilite l'alignement et la distribution de l'espace. display: flex active Flexbox, justify-content centre horizontalement, et align-items centre verticalement. C'est la méthode moderne pour centrer des éléments.

Bravo ! 🎉
Votre réponse est correcte ! Vous avez gagné 20 points.
Pas tout à fait...
Réessayez ! Vous pouvez le faire.

Votre code

Indice
Utilisez display: flex pour activer Flexbox, justify-content: center pour centrer horizontalement, et align-items: center pour centrer verticalement.

Résultat

Cliquez sur "Exécuter le code" pour voir le résultat de votre code. Cliquez sur "Soumettre" pour vérifier si votre réponse est correcte.