JSFiddle - React, Tailwind, and code Playground

by inkShio

HTML

<div id="viewport">
    <div class="item"></div>
    <div class="item"></div>
    <div class="item"></div>
    <div class="item"></div>
    <div class="item"></div>
    <div class="item"></div>
    <div class="item"></div>
    <div class="item"></div>
</div>

SCSS

#viewport {
    overflow-x: scroll;
    width: 100%;
    border: 1px solid red;
    white-space: nowrap;
}
.item {
    width: (100%/8);
    height: 70px;
    display: inline-block;
    border: 1px solid blue;
    
}