JSFiddle - React, Tailwind, and code Playground

HTML

<div id="Container">
    <div class="inside"></div>
    <div class="inside"></div>
    <div class="inside"></div>
    <div class="inside"></div>
    <div class="inside"></div>
    <div class="inside"></div>
 </div>

CSS

html, body {margin: 0; padding: 0;}

#Container {
    width: 400px;
    border: 1px solid black;
    overflow-x: scroll;
    overflow-y: hidden;
    white-space: nowrap;
}

.inside {
    width: 100px;
    height: 300px;
    border: 1px solid black;
    display: inline-block;
}