JSFiddle - React, Tailwind, and code Playground

by Naeel Maqsudov

HTML

<div id="d1">
    qwer<br/>
    qwer<br/>
    qwer<br/>
    qwer<br/>
    qwer<br/>
    qwer<br/>
    qwer<br/>
    qwer<br/>
    qwer<br/>
    qwer<br/>
    qwer<br/>
    qwer<br/>
    qwer<br/>
</div>
<div id="d2">
    asdf
</div>

CSS

div{
    border: 1px solid black;
}
body{
    position:relative;
    min-width: 200px;
}

#d1{
    position:absolute;
    left:0;
    top:0;
    width:50%;
    min-height:200px;
    max-width:100%
}
#d2{
    position:absolute;
    left:50%;
    top:0;
    width:50%;
    min-height:200px;
    max-width:100%
}