JSFiddle - React, Tailwind, and code Playground

HTML

<div class="parent">
    <div class="kid">1</div>
    <div class="kid">2</div>
    <div class="kid">3</div>
</div>

CSS

.parent{
        width:300px;
        height: 50px;
        background-color: red;
        white-space:nowrap;
        overflow-x:scroll;
    }
    .kid{
        width: 150px;
        height: 20px;
        background-color: green;
        display:inline-block;
        margin-left:4px;
        
    }