JSFiddle - React, Tailwind, and code Playground

HTML

<div id="scroller">
    <div id="container">
         <div class="page">brick1</div>
         <div class="page">brick2</div>
         <div class="page">brick3</div>
         <div class="page">brick4</div>
     </div>
 </div>

CSS

#scroller{position:absolute; left:100px; top:0; width:186px; height:30px; overflow-x:scroll; overflow-y:hidden;}

#container{width:248px/* 62 x 4*/;}

.page{float:left; clear:none; padding:0 5px;}