JSFiddle - React, Tailwind, and code Playground

HTML

<div id="nav_outer">
<div id="nav">
    <div class="thumbs">Thumbs</div>
    <div class="thumbs">Thumbs</div>
    <div class="thumbs">Thumbs</div>
    <div class="thumbs">Thumbs</div>
    <div class="thumbs">Thumbs</div>
</div>
</div>

CSS

#nav_outer {
    position:absolute;
    bottom:0px;
    background:gray;
    overflow:auto;
}
#nav {
    height:300px;
    max-width: 214px;
    bottom:0px;
    /*-webkit-transform:translateX(214px);*/
    background:gray;
    white-space:nowrap;
}
.thumbs {
    white-space:normal;
    display:inline-block;
    *display:inline; /*IE7*/
    *zoom:1; /*IE7*/
    width:100px;
    height:80px;
    margin:10px 10px 10px 10px;
    background:white;
}