Por qué necesitamos una subcuadrícula CSS

Soy un gran admirador de CSS Grid y lo uso en prácticamente todos los proyectos hoy en día. Sin embargo, hay una parte que hace que las cosas sean mucho más complicadas de lo que realmente deberían ser: la falta de subcuadrículas. Y en esta publicación sobre el tema, Ken Bellows explica por qué serían tan útiles:

Pero una cosa que aún falta en la especificación de Nivel 1 es la capacidad de crear una subcuadrícula, un elemento de cuadrícula con su propia cuadrícula que se alinea en una o ambas dimensiones con la cuadrícula principal. Originalmente se planeó que estuviera en el Nivel 1, pero el grupo de trabajo decidió que necesitaban más tiempo para resolver los detalles, por lo que se eliminó y se enviará en el Nivel 2 del Módulo de diseño de cuadrícula CSS, que parece estar a punto de completarse.

Ha habido mucha discusión en los últimos 2 años sobre los casos de uso de subgrid, cómo debería implementarse e incluso cierto debate sobre si es necesario. Gran parte de esa discusión se centró en otros dos enfoques que pueden manejar muchos de los mismos problemas que las subcuadrículas: cuadrículas anidadas y visualización de contenidos.

Recuerdo que uno de los primeros sitios web en los que trabajé era muy parecido a la demostración que Ken usa como ejemplo, pero esto fue allá por 2012 y grid aún no existía. Lamentablemente, tuve que escribir mucho más CSS del que creía necesario para que los elementos de un div se alinearan con los elementos de otro. De todos modos, este artículo se basa un poco en la publicación de Rachel Andrew sobre la subcuadrícula y los problemas que ayudaría a resolver, que definitivamente también vale la pena revisar.