Solo otro +1 para la subcuadrícula

Yo diría que el 85% de mi uso de la red está en una de estas dos categorías…

1. Solo necesito algunas columnas bastante básicas (probablemente de igual ancho) que terminen siendo algo así como grid-template-columns: repeat(3, minmax(0, 1fr));estar seguro.
2. En realidad, estoy haciendo un diseño real en el que a los cinco minutos me doy cuenta de que realmente me gustaría subgrid.

¿Subred? Es una forma agradable e intuitiva de hacer que un elemento secundario en la cuadrícula aquí de líneas de cuadrícula relevantes de la cuadrícula principal.

Aquí hay un excelente video reciente de Rachel Andrew que lo cubre. ¡El año pasado, vinculamos su charla sobre lo mismo! Es una característica muy importante y desearíamos que pudiéramos confiar en ella en todos los navegadores. Ahora mismo Firefox es el único que lo tiene. (Problema de Chrome, problema de Safari)

En mi video reciente, aproximadamente a los 20 minutos, me doy cuenta de que la subcuadrícula haría que incluso un diseño bastante simple fuera mucho más agradable, como eliminar la necesidad de variables o recurrir a números mágicos.

Aquí hay otro video de Dave y yo literalmente construyendo un diseño con subgrid:

Si quieres conocer otros artículos parecidos a Solo otro +1 para la subcuadrícula puedes visitar la categoría Tutoriales.