Subgrid
Permette a una griglia annidata di ereditare le linee di traccia del genitore invece di crearne di proprie, così il contenuto di elementi figli distinti può allinearsi tra loro.
L'esempio classico è una riga di card, ciascuna con titolo, testo e pulsante. Senza subgrid ogni card è una griglia a sé, quindi il pulsante finisce a un'altezza diversa a seconda della lunghezza del titolo, e il rimedio abituale sono altezze fisse e un po' di speranza. Con grid-template-rows: subgrid i figli partecipano alle righe del genitore: tutti i titoli condividono una riga, tutti i pulsanti condividono una riga, e il layout regge a prescindere dalla lunghezza del contenuto. Lo stesso vale per le colonne nei form in cui le etichette devono allinearsi. La funzione è rimasta nelle specifiche ben prima di essere utilizzabile: Firefox l'ha avuta nel 2019, Safari nel 2022 e Chrome solo a settembre 2023.