JSFiddle - React, Tailwind, and code Playground

HTML

<div style="width: 80%">
    <div>
        <div style="width: 50%; background-color: blue; display: inline-block;">
            <br/>A<br/>B<br/>C<br/>D<br/>E<br/>F<br/>G<br/>H<br/>I<br/>
        </div><!--
            --><div style="width: 50%; background-color: brown; display: inline-block;">
        <br/>A<br/>B<br/>C<br/>D<br/>E<br/>F<br/>G<br/>H<br/>I<br/>
        </div>
    </div>
    <div style="height: 110px; overflow-y: scroll;">
        <div style="width: 50%; background-color: yellow; display: inline-block;">
            <br/>A<br/>B<br/>C<br/>D<br/>E<br/>F<br/>G<br/>H<br/>I<br/>
        </div><!--
        --><div style="width: 50%; background-color: green; display: inline-block;">
        <br/>A<br/>B<br/>C<br/>D<br/>E<br/>F<br/>G<br/>H<br/>I<br/>
        </div>
    </div>
</div>