CSS Grid est un mode de disposition à deux dimensions, activé par display: grid, qui organise le contenu en lignes et colonnes. On définit les pistes avec grid-template-columns et grid-template-rows, l'unité fr répartit l'espace libre, et gap espace les cellules. Il convient aux mises en page complètes.
Exemple
display: grid;
grid-template-columns: 1fr 2fr;
gap: 1rem;