1.1 — Lier CSS à HTML Aperçu 2.1 — Tous les types de sélecteurs Aperçu 3.1 — Maîtriser les couleurs CSS Aperçu 4.1 — Polices et texte Aperçu 5.1 — Comprendre le Box Model Aperçu 6.1 — Display : le comportement des boîtes Aperçu 7.1 — Flexbox fondamental Aperçu 8.1 — Contrôler les enfants flex Aperçu 9.1 — Grid fondamental Aperçu 10.1 — Grid Areas et responsive Aperçu 11.1 — @media et breakpoints Aperçu 12.1 — Techniques Mobile First Aperçu 13.1 — Transitions et keyframes Aperçu 14.1 — Pseudo-classes et pseudo-éléments Aperçu 15.1 — CSS propre et scalable Aperçu 16.1 — Site responsive professionnel Aperçu

grid-template-columns: 1fr 2fr 1fr;  /* 25% / 50% / 25% */
grid-template-columns: 200px 1fr;     /* Fixe 200px + flexible */
grid-template-columns: repeat(3, 1fr);/* 3 colonnes égales */

.page {
  display: grid;
  grid-template-columns: 250px 1fr;
  grid-template-rows: auto 1fr auto;
  gap: 1rem;
  min-height: 100vh;
}