Retour à la leçonMission
Mission : reconstruire un tableau de bord qui casse en float
Convertir un layout bricolé en float vers CSS Grid et diagnostiquer le comportement d'auto-fit face à auto-fill.
Contexte
Sur tableau-de-bord.html, le layout comporte un header pleine largeur, un menu latéral fixe à gauche, une zone de contenu principale, et un footer pleine largeur. La grille cible utilise grid-template-columns: 220px 1fr; et doit encoder ce plan directement dans le CSS avec des zones nommées, plutôt qu'avec des positions de ligne/colonne numérotées difficiles à relire six mois plus tard.