JSFiddle - React, Tailwind, and code Playground

by afelixj

HTML

<div class="wrap">
    <div class="div1"></div>
    <div class="div2"></div>
</div>

CSS

.wrap{
    background: #000; 
    height: 400px;
    width: 60%;
}
.div1{
    background: white;
    display: table;
    height: 30%;
    width: 100%;
}
.div2{
    background: green;
    display: table;
    height: 20%;
    width: 100%;
}