Miniature css grid framework.

minigrid.css

/*
Minigrid.css
Andrew T. 2017
*/
.row {
  clear: both;
}
.col {
  float: left;
  width: 60px;  
}
.col.span1 {width: calc(60px*1);}
.col.span2 {width: calc(60px*2);}
.col.span3 {width: calc(60px*3);}
.col.span4 {width: calc(60px*4);}
.col.span5 {width: calc(60px*5);}
.col.span6 {width: calc(60px*6);}
.col.span7 {width: calc(60px*7);}
.col.span8 {width: calc(60px*8);}
.col.span9 {width: calc(60px*9);}
.col.span10 {width: calc(60px*10)};
.offset1  {margin-left: calc(60px*1 );}
.offset2  {margin-left: calc(60px*2 );}
.offset3  {margin-left: calc(60px*3 );}
.offset4  {margin-left: calc(60px*4 );}
.offset5  {margin-left: calc(60px*5 );}
.offset6  {margin-left: calc(60px*6 );}
.offset7  {margin-left: calc(60px*7 );}
.offset8  {margin-left: calc(60px*8 );}
.offset9  {margin-left: calc(60px*9 );}
.offset10 {margin-left: calc(60px*10);}
body {
    max-width: 600px;
    margin: 0 auto;
}