Grid Level 2 y Subgrid | Programar Plus

Encuentro el concepto de subcuadrícula un poco difícil de entender.

Entiendo la idea de que queremos usar el marcado semántico anidado como queramos y que los elementos participen en una cuadrícula para que no tengamos que aplanar nuestro marcado solo por razones de diseño. Pero eso es manejado en gran parte por display: contents;.

Rachel Andrew lo explica de una manera que finalmente me hizo clic:

Tengo un elemento que abarca tres pistas de columna de la cuadrícula, también es un contenedor de cuadrícula con tres pistas de columna; sin embargo, estas no se alinean con las pistas del padre …

Si las columnas de la cuadrícula anidadas se definieran como una subcuadrícula, usaríamos el valor de la subcuadrícula de las columnas de plantilla de cuadrícula en ese elemento secundario. Luego, el niño usaría las pistas de tres columnas que abarcaba, y sus hijos se colocarían en esas pistas.

No es que el padre desaparezca, es que comparte líneas de cuadrícula con el padre, de modo que hacer que los elementos internos se alineen con todo lo demás sucede de forma natural.

Enlace directo →

(Visited 8 times, 1 visits today)