JSFiddle - React, Tailwind, and code Playground
by Qwerty_Wasd
HTML
<div class="main">
<div class="bl"></div>
<div class="bl"></div>
<div class="bl"></div>
<div class="bl"></div>
<div class="bl"></div>
<div class="bl"></div>
<div class="bl"></div>
<div class="bl"></div>
<div class="bl"></div>
<div class="bl"></div>
<div class="bl"></div>
<div class="bl"></div>
<div class="bl"></div>
<div class="bl"></div>
<div class="bl"></div>
<div class="bl"></div>
<div class="bl"></div>
<div class="bl"></div>
<div class="bl"></div>
<div class="bl"></div>
<div class="bl"></div>
<div class="bl"></div>
<div class="bl"></div>
<div class="bl"></div>
</div>CSS
html,body{width:100%;height:100%;}
body{background-color:#5FE168;text-align:center;}
.main{display:inline-block;background-color:#D36BDF;width:60%;}
.bl{background-color:#0909EF;width:80%;min-height:80px;height:25%;margin-top:3%;margin-bottom:3%;margin-left:auto;margin-right:auto;}