CSS subgrid
Una función de CSS Grid que permite a una rejilla anidada heredar (usar) la definición de pistas de su padre en lugar de crear la suya propia. Resuelve el clásico problema de alinear el contenido de tarjetas separadas con una rejilla común.
El problema: con una rejilla anidada normal, cada rejilla hija tiene sus propias filas y columnas, independientes de las hermanas → en una fila de «tarjetas», los títulos, el texto y los botones acaban a alturas distintas porque la rejilla interna de cada tarjeta es autónoma. subgrid (grid-template-columns: subgrid) hace que la hija adopte las pistas del padre, de modo que los elementos de tarjetas distintas se alinean con las mismas líneas → los títulos quedan alineados y los botones al pie también, sin importar cuánto ocupe el texto. Casos de uso: maquetación de tarjetas, formularios (etiquetas y campos alineados) y todo problema del tipo «igualar alturas o posiciones entre contenedores separados». Ampliamente compatible solo desde 2023 (Chrome el último) y una de las funciones de CSS más pedidas en mucho tiempo. Se construye sobre CSS Grid.