CSS subgrid
Una funzione di CSS Grid che permette a una griglia annidata di ereditare le tracce di quella genitore, invece di definirne di proprie. Risolve il problema classico dell'allineare il contenuto di card separate a una griglia comune.
Il problema: con le normali griglie annidate ogni griglia figlia ha righe e colonne proprie, indipendenti dalle sorelle. In una fila di «card», titoli, testo e pulsanti finiscono a altezze diverse perché la griglia interna di ciascuna card è autonoma. Con subgrid (grid-template-columns: subgrid) il figlio adotta le tracce del genitore, e gli elementi di card diverse si allineano sulle stesse linee: i titoli combaciano, i pulsanti in fondo pure, qualunque sia la lunghezza del testo.
Utile per layout a card, moduli (etichette e campi allineati) e in generale per ogni esigenza di allineare posizioni o altezze tra contenitori separati. Pienamente supportato solo dal 2023 (ultimo arrivato: Chrome), era una delle funzionalità CSS più richieste da tempo. Costruito su CSS Grid; affine ad aspect-ratio e alle proprietà logiche.