JSFiddle - React, Tailwind, and code Playground

HTML

<div align="center" style="width:100%;height:90px;border:1px solid red;">
    
<div id="container">
    
    <div class="box"></div><div class="box"></div><div class="box"></div><div class="box"></div><div class="box"></div><div class="box"></div><div class="box"></div><div class="box"></div><div class="box"></div><div class="box"></div><div class="box"></div><div class="box"></div>
    
</div>   
</div>

CSS

.box{
    width:50px;height:100px;border:1px solid black;float:left;
}

#container{
    width:100%;
    height:200px;
    float:left;
    overflow-x:scroll;
}