body {
background-color: #fff;
}
body, div, p {
color: #000;
margin: 0 0;
padding: 0 0;
}
#container{
margin-left: auto;
margin-right: auto;
width: 960px;
height: 560px;
background-image: url(http://mooseloose.com/gridbg.jpg); /* Design Helpler. Delete */
background-size: 100%; /* Design Helpler. Delete */
}
.twenty{width: 20%;height:auto} .twentyfive{width: 25%;height:auto} .thirty{width: 30%;height:auto} .thirtyfive{width: 35%;height:auto} .forty{width: 40%;height:auto} .fortyfive{width: 45%;height:auto} .fifty{width: 50%;height:auto} .fiftyfive{width: 55%;height:auto} .sixty{width: 60%;height:auto} .sixtyfive{width: 65%;height:auto} .seventy{width: 70%;height:auto} .seventyfive{width: 75%;height:auto} .eighty{width: 80%;height:auto} .eightyfive{width: 85%;height:auto} .ninty{width: 90%;height:auto} .nintyfive{width: 95%;height:auto} .onehundred{width: 100%;height:auto}
._01,._02,._03,._04,._05,._06,._07,._09,._08,._10,._11,._12 {
text-align: left;
display: inline;
float: left;
}
._01 {
width: 8.33333%;
}
._02 {
width: 16.66666666%;
}
._03 {
width: 25.0%;
}
._04 {
width: 33.333%;
}
._05 {
width: 41.666666%;
}
._06 {
width: 50.00%;
}
._07 {
width: 58.33333%;
}
._08 {
width: 66.666666%;
}
._09 {
width: 75%;
}
._10 {
width: 83.333%;
}
._11 {
width: 91.666%;
}
._12 {
width: 100%;
}
.nested {
margin: 5px;
border:1px dotted #ccc;
}
@media screen and (min-width: 0px) and (max-width: 479px) {
._01,._02,._03,._04,._05,._06,._07,._09,._08,._10,._11,._12 {
display: block;
float: none;
min-width: 100%;
}
}