← Volver al inicio

Retícula

En el trabajo de Ivan la página retícula corresponde a la reticula de 12 columnas para generar el diseño. Sin embargo he decidido incluir el grid que utilizo en mi sistema de diseño para los main de la aplicación

Reticula en desktop

Grid con 4 columnas (proporciones: 1fr, 1.7fr, 1fr, 1fr), gap horizontal de 24px (gap-x-6), gap vertical de 80px (gap-y-20) y padding de 40px (p-10). Las filas usan auto-rows-auto para ajustar («hug») su altura al contenido.

Item 1
Item 2
Item 3
Item 4
Item 5
Item 6
Item 7
Item 8
Item 9
Item 10
Item 11
Item 12