JSFiddle - React, Tailwind, and code Playground

by danShumway

HTML

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

CSS

.one{
    background-color:black;
    width:100%;
    height:300px;
}

.two{
    background-color:red;
    margin:3%;
    width:90%;
    height:50%;
    padding-bottom:-1%;
}

.three{
   background-color:green;
    margin:3%;
    width:80%;
    height:50%;
}