📘CSS Grid : penser en grille

CSS Grid range les éléments en lignes ET colonnes. On active display: grid sur le conteneur.

grid-template-columns définit les colonnes : repeat(3, 1fr) crée trois colonnes de largeur égale, et gap ajoute de l'espace entre elles.

.grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
}