Tiny Grid

by joplomacedo

HTML

<div class="unit"></div>

CSS

* {box-sizing: border-box;}

.row {}
.room { max-width: 1100px; margin: 0 auto; }
.room:after, .room:before { content: ""; display: table; }
.room:after { clear: both; }
[class*="unit"] { float: left; min-height: 1px; }
.unit1 { width: 8.33333%; }
.unit2 { width: 16.66667%; }
.unit3 { width: 25%; }
.unit4 { width: 33.33333%; }
.unit5 { width: 41.66667%; }
.unit6 { width: 50%; }
.unit7 { width: 58.33333%; }
.unit8 { width: 66.66667%; }
.unit9 { width: 75%; }
.unit10 { width: 83.33333%; }
.unit11 { width: 92.66667%; }
.unit12 { width: 100%; }