Ir al contenido principal

SENCILLA FORMULA PARA CALCULAR EL TAMAÑO DE LAS UNIDADES DE UNA GRILLA.


la idea es dividir una region en unidades y glutters para formar una grilla.

ts= tamaño total a dividir (ts = totalsize)

gs = tamaño de los gluters (gs = gluttersize)

un= numero de unidades por (un = unitnumber)

us = tamaño de la unidad (us = unitesize)


ts-((un-1)*gs))/un = us


Ejemplo

quiero hacer una grilla de 500px de ancho con 12 unidades y gluters de 4px.

500 - ((12-1)*4)/12) = 38

Entonces las unidades de mi grilla seran de 38 pixeles


Comentarios

Entradas más populares de este blog

#EDtaller 87 - CSS: Flexbox vs Grid (ft Jon MirCha)