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:

Tal vez te puede interesar:

1. La innovación no puede mantener la Web rápida
2. Rendimiento web ultrarrápido
3. Tabla de contenidos fijos con estados activos de desplazamiento
4. “cambiar tamaño: ninguno;” en áreas de texto es una mala experiencia de usuario

Solo otro +1 para la subcuadrícula

¿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

programar

es

https://aprendeprogramando.es/static/images/programar-solo-otro-1-para-la-subcuadricula-1551-0.jpg

2024-09-30

Si crees que alguno de los contenidos (texto, imagenes o multimedia) en esta página infringe tus derechos relativos a propiedad intelectual, marcas registradas o cualquier otro de tus derechos, por favor ponte en contacto con nosotros en el mail [email protected] y retiraremos este contenido inmediatamente