CSS Grid Layout

CSS Grid est un système de mise en page bidimensionnel puissant qui révolutionne la façon dont nous créons des layouts.

Propriétés principales

• display: grid

  : Active le Grid Layout

• grid-template-columns

  : Définit les colonnes

• grid-template-rows

  : Définit les lignes

• gap

  : Espacement entre les éléments

Exemple pratique

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