JSFiddle - React, Tailwind, and code Playground

by web tiki

HTML

<div id="wrapper">
    <div id="first"></div>
    <div id="second"></div>
</div>

CSS

html, body {
    width:100%;
    height:100%;
    margin:0;
}
#wrapper {
    width:300px;
    height:100%;
    position:relative;
}
#first {
    width:300px;
    height:200px;
    background-color:#F5DEB3;
}
#second {
    position:absolute;
    top:200px;
    bottom:0;
    left:0;
    width:300px;
    background-color:#9ACD32;
}