JSFiddle - React, Tailwind, and code Playground

HTML

<div class="main">
<div class="content">
<div class="left_container">
<div class="left_container-child">
 Foobar<br>
     Foobar<br>
     Foobar<br>
     Foobar<br>
     Foobar<br>
     Foobar<br>
     Foobar<br>
     Foobar<br>
     Foobar<br>
     Foobar<br>
     Foobar<br>
     Foobar<br>
     Foobar<br>
     Foobar<br>
     Foobar<br>
     Foobar
    </div>
</div>
</div>
</div>

CSS

.content
{
    background-color: blue;
    width:100%;
    height: 200px;
    margin-top:10%;
    position: absolute;
    overflow:;

}

.left_container
{
    background-color: green;
    margin-left:5%;
    margin-top:5%;
    width:70%;
    height: 200px;
    overflow: hidden;
}

.left_container-child {
    height: 100%;
    overflow-x: scroll;
    width: 101%;
}