CSS subgrid
Um recurso do CSS Grid que permite que um grid aninhado herde (use) a definição de trilhas do pai em vez de criar as suas próprias. Resolve o problema clássico de alinhar conteúdo em cartões separados contra um grid compartilhado.
O problema: num grid aninhado comum, cada grid filho tem suas próprias linhas/colunas, independentes das dos irmãos → numa fileira de "cartões", títulos, texto e botões acabam em alturas diferentes porque o grid interno de cada cartão é independente. O subgrid (grid-template-columns: subgrid) permite que o filho adote as trilhas do pai, de modo que elementos em cartões diferentes se alinhem às mesmas linhas → os títulos ficam alinhados, os botões no rodapé ficam alinhados, não importa o tamanho do texto. Caso de uso: layouts de cartões, formulários (rótulos e campos alinhados), qualquer problema de "igualar alturas/posições entre containers separados". Ganhou suporte amplo só em 2023 (o Chrome foi o último) e foi um dos recursos de CSS mais pedidos por muito tempo. Construído sobre o CSS Grid. Relacionado a aspect-ratio e propriedades lógicas.