Rock Solid UI test

by agib

HTML

<div class="container">
    <div class="row">
        <div class="block"></div>
        <div class="block"></div>
        <div class="block"></div>
        <div class="block"></div>
    </div>
    <div class="row">
        <div class="block"></div>
        <div class="block"></div>
        <div class="block"></div>
    </div>
    <div class="row">
        <div class="block"></div>
        <div class="block"></div>
        <div class="block"></div>
        <div class="block"></div>
    </div>
</div>

CSS

.container {
    width: 90%;
    margin: 5%;
    height: 100%;
    background-color: #F7F7F7;
    display:table;
}
.row {
    display: block;
    height: 40px;
    width: 100%;
    margin-bottom: 15px;
}
.block {
   display: inline-block; 
   padding: 5px;
   height: 100%;
   width: 20%;
   background-color: #DDD;
   
}