JSFiddle - React, Tailwind, and code Playground

HTML

<div class="wrapper">
    <div class="tcell">1</div>
    <div class="tcell">2</div>
    <div class="tcell">3</div>
    <div class="tcell">4</div>
    <div class="tcell">5</div>
    <div class="tcell">6</div>
</div>

CSS

.wrapper{
    width: 600px;
    overflow-x: scroll;
    overflow-y: hidden;
    white-space: nowrap;
}
.tcell{
    display: inline-block;
    width: 200px;
    white-space: nowrap;
}