JSFiddle - React, Tailwind, and code Playground

by bakhshi

HTML

<div class="container">
    <div class="column"></div>
    <div class="column"></div>
    <div class="column"></div>
    <div class="column"></div>
    <div class="column"></div>
    <div class="column"></div>
    <div class="column"></div>
    <div class="column"></div>
    <div class="column"></div>
    <div class="column"></div>
    <div class="column"></div>
    <div class="column"></div>
    <div class="column"></div>
    <div class="column"></div>
    <div class="column"></div>
    <div class="column"></div>
    <div class="column"></div>
    <div class="column"></div>
    <div class="column"></div>
    <div class="column"></div>
</div>

CSS

.container{
    width:500px;
    height:100px;
    border:solid 1px black;
    background-color:blue;
    overflow-x:auto;
    overflow-y:hidden;
    white-space:nowrap;
}
.column{
    display:inline-block;
    width:100px;
    height:100%;
    border-left:solid 1px red;
    border-right:solid 1px red;
    
}