Responsive boxes

by btevfik

HTML

<div class="main">
    <div class="box"></div>
    <div class="box"></div>
    <div class="box"></div>
    <div class="box"></div>
    <div class="box"></div>
    <div class="box"></div>
    <div class="box"></div>
    <div class="box"></div>
    <div class="box"></div>
</div>

CSS

body {
    margin:0;
}
.main {
    width: 100%;
    height: 100%;
    background-color: #fff;
    margin-right: auto;
    margin-left: auto;
    position:absolute;
    top:0;
    bottom:0;
}
.box {
    width: 30%;
    height: 30%;
    background-color: #000;
    position: relative;
    float: left;
    left:1.25%;
    margin:1.25%;
}