JSFiddle - React, Tailwind, and code Playground

by danShumway

HTML

<div class='one'>
    <div class='three'></div>
    <div class='three'></div>
    <div class='three'></div>
    <div class='three'></div>
    <div class ='four'></div>
</div>

CSS

.one {
    width:100%;
    height:300px;
    margin-bottom:-12%;
    background-color:black;
}
.three {
    background-color:green;
    margin:3%;
    width:80%;
    height:25%;
}