Sistema de Grillas

Los sistemas de grillas nos ayudan a configurar el espacio y tamaño de nuestros elementos. En este caso, vamos a separar nuestra grilla en 12 posibles tamaños, así que debemos realizar la operación 100/12 y multiplicar el resultado por cada posible tamaño de nuestra grilla.

.col-1 {
        width: 8.3333333333%;
}
.col-2 {
        width: 16.6666666666%;
}
.col-3 {
        width: 24.9999999999%;
}
...