JSFiddle - React, Tailwind, and code Playground

by techunter

HTML

<div id="header"></div>
<div id="wrapper">
    <div id="left">
        <div>high content</div>
    </div>
    <div id="right"></div>
</div>

CSS

div {
    margin:0px;
    padding:0px;
    overflow:hidden;
    position:absolute
}
div#header {
    top:0px;
    left:0px;
    right:0px;
    height:60px
}
div#wrapper {
    top:60px;
    left:0px;
    right:0px;
    bottom:0px;
}
div#left {
    top:0px;
    bottom:0px;
    left:0px;
    height:100%;
    width:50%;
    overflow-y:auto
}
div#right {
    top:0px;
    bottom:0px;
    right:0px;
    width:50%;
    overflow-y:auto
}