Por qué necesitamos una subcuadrícula de CSS | Programar Plus

Soy un gran admirador de CSS Grid y lo uso en casi todos los proyectos en estos días. 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 subredes. 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 la subred, cómo se debe implementar e incluso algún 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 la subcuadrícula: cuadrículas anidadas y visualización: contenido

Recuerdo que uno de los primeros sitios web en los que trabajé era muy parecido a la demostración que usa Ken como ejemplo, pero esto fue en 2012 y Grid aún no existía. Lamentablemente, tuve que escribir mucho más CSS de lo que creía que era 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 subred y los problemas que ayudaría a resolver, lo que definitivamente también vale la pena revisar.

Enlace directo →