CSS Classes for Twelve-Column Grid

twelve-column-grid.css

.col-1 {
  width: calc(100% / 12);
}

.col-2 {
  width: calc(100% / 6);
}

.col-3 {
  width: calc(100% / 4);
}

.col-4 {
  width: calc(100% / 3);
}

.col-5 {
  width: calc(100% / 2.4);
}

.col-6 {
  width: calc(100% / 2);
}

.col-7 {
  width: calc(100% / 1.7142857143);
}

.col-8 {
  width: calc(100% / 1.5);
}

.col-9 {
  width: calc(100% / 1.3333333333);
}

.col-10 {
  width: calc(100% / 1.2);
}

.col-11 {
  width: calc(100% / 1.0909090909);
}

.col-12 {
  width: calc(100% / 1);
}