JSFiddle - React, Tailwind, and code Playground

HTML

<div class="media-upload">
    <div class="unit-media"></div><div class="unit-media"></div><div class="unit-media"></div><div class="unit-media"></div><div class="unit-media"></div><div class="unit-media"></div><div class="unit-media"></div><div class="unit-media"></div><div class="unit-media"></div><div class="unit-media"></div><div class="unit-media"></div><div class="unit-media"></div><div class="unit-media"></div><div class="unit-media"></div><div class="unit-media"></div><div class="unit-media"></div>
</div>

CSS

.media-upload {
    height:125px;
    background-color:#BBC;
    overflow-x:scroll;
    overflow-y:hidden;
    padding:15px;
    white-space: nowrap;
}
.unit-media {
    display:inline-block;
    width:100px;
    height:120px;
    border:1px solid #CCC;
}