12 column grid, how to calculate for columns(5,7,8,9,10,11)? I am terrible at math, this is css/sass related, but it's mainly a math question. I feel like the answer is very easy. You can see for example col-1 is 100% / 12 which gives me the width one column should be in a 12 column grid.
I am not sure how to calculate for example 5 columns because it does not divide by 12. What is the appropriate formula for numbers that don't divide by 12 evenly?
.col-1 {
    width: (100% / 12);
}
.col-2 {
    width: (100% / 6);
}
.col-3 {
    width: (100% / 4); 
}
.col-4 {
    width: (100% / 3);
}
.col-5 {
    width: (100% / ?);
}
.col-6 {
    width: (100% / 2);
}
.col-7 {
    width: (100% / ?);
}
.col-8 {
    width: (100% / ?);
}
.col-9 {
    width: (100% / ?);
}
.col-10 {
    width: (100% / ?);
}
.col-11 {
    width: (100% / ?);
}
.col-12 {
    width: (100% / 1);
}


Here's a handy template:
.col-x {
    width: (100/12) * x;
}

Just replace x with your number (0 < x <= 12)
