Sistema de grillas

[RSmith]

Hola el tema es un poco viejo pero encontré algo que le puede servir a mas de uno para saber calcular los porcentajes de cada columna

Es importante entender que el sistema de grid, por lo general, tiene hasta 12 columnas por fila, es necesario rellenar esta cantidad en cada línea, independientemente del número de columnas que desea. Por ejemplo, si desea sólo una línea con 3 columnas iguales, utilizaría tres elementos en los que cada uno tendrá 4 columnas (4 x 3 = 12). Si se Sobrepa la suma de 12 dará lugar a un salto de columna (s) extra (s) a una nueva línea.

Ya que sabemos la cantidad máxima de columnas, necesitamos determinar el largo/ancho máximo de una columna en particular (1/12) y para eso usamos esta formula:

scw = (100 – (m * (mc – 1))) / mc

Donde:
scw = largo de una columna
m = margen (1.6%)
mc = maximo de columnas (12)

Quando resolvemos esa formula, temos una única columna de 6.86666666667% de ancho. A partir de aqui, podemos usar ese número para calcular los anchos de las columnas restantes. Usamos esta formula:

cw = (scw * cs) + (m * (cs – 1))

Donde:
cw = largo de la columna
scw = largo de una columna sola (6.86666666667%)
cs = numero de la columna (1-12)
m = margen (1.6%)

saludos