Subgrid
Permet à une grille imbriquée d'hériter des lignes de piste de son parent au lieu d'en créer de propres, de sorte que le contenu de blocs distincts puisse s'aligner d'un bloc à l'autre.
L'exemple canonique : une rangée de cartes contenant chacune un titre, un texte et un bouton. Sans subgrid, chaque carte est sa propre grille, si bien que le bouton tombe à une hauteur différente selon la longueur du titre, et l'astuce habituelle a consisté en hauteurs fixes et bonne volonté. Avec grid-template-rows: subgrid, les enfants participent aux rangées du parent : tous les titres partagent une rangée, tous les boutons partagent une rangée, et la mise en page tient quelle que soit la longueur du contenu. Il en va de même pour les colonnes dans les formulaires dont les libellés doivent s'aligner. La fonctionnalité est restée longtemps dans la spécification avant d'être utilisable : Firefox l'a eue en 2019, Safari en 2022 et Chrome seulement en septembre 2023.