JSFiddle - React, Tailwind, and code Playground

HTML

<div id="container">
    <div id="left">left one</div>
    <div id="right">
        <p>right one</p>
        <p>...</p>
    </div>
</div>

CSS

#container {
    position: relative;
}

#left {
    position: absolute;
    left: 0px; 
    width: 300px;
    background: red;
    top: 0px; bottom: 0px;
}

#right {
    margin-left : 300px; 
    background: green;
}