JSFiddle - React, Tailwind, and code Playground

HTML

<div class="a">
    <div class="inner">
        <div>1</div>
        <div>2</div>
        <div>3</div>
        <div>4</div>
    </div>
</div>

CSS

.a       { overflow-x:scroll; border:3px solid red;}

.inner{
    width:344px;
}

.inner div{width:170px; height:170px; float:left; background:#eee; border:1px dotted #ddd;}