CSS Grid est un système de mise en page bidimensionnel qui vous permet de définir des lignes et des colonnes et de placer des éléments n'importe où dans la grille résultante.
'fr' signifie fraction. Chaque colonne ou ligne avec '1fr' obtient une part égale de l'espace disponible dans le conteneur.