JSFiddle - React, Tailwind, and code Playground

HTML

<div id="frame">
    
    <div id="leftCol">
        <div id="hack">
            <div id="1">blah</div>
        </div>
    </div>
    
    <div id="rightCol">
        <div id="2">blah</div>
        <div id="3">blah</div>
    </div>
    
</div>

CSS

#frame {
    background-color: green;
    width: 500px;
    overflow: auto;
}

#leftCol
{
    width: 50%;
    float: left;
}

#hack {
    margin-right: 10px;
    background-color: red;
}

#rightCol
{ 
    width: 50%;
    float: right;
    background-color: blue;
}