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

Grid Layout

Moyen 20 points

Créez une grille CSS avec 3 colonnes de largeur égale pour organiser les éléments.

CSS Grid est un système de mise en page bidimensionnel puissant. display: grid active Grid, et grid-template-columns définit les colonnes. L'unité fr (fraction) distribue l'espace disponible. Grid est idéal pour créer des layouts complexes.

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: grid pour activer Grid, et grid-template-columns: 1fr 1fr 1fr pour créer 3 colonnes égales.

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.