JSFiddle - React, Tailwind, and code Playground

HTML

<div id="bottom">
    <div class="box"></div>
</div>

CSS

.box {
position: absolute;
display: inline-block;
cursor: pointer ;
vertical-align: middle;
width:200px; height:525px; 
background:blue;
left:144px; 
margin-right: 16px
}

#bottom {
    position: relative;
    overflow-x:scroll ;
    overflow-y: hidden;
    white-space: nowrap;    
    position:fixed;
    height:45px;
    width:864px;
    background-color:yellow;
    bottom:0px;
    margin-left:144px;
}