JSFiddle - React, Tailwind, and code Playground

by Mehmet Yener

HTML

<div class="frame">
       <div class="pane">
           <div class="item"></div>
           <div class="item"></div>
           <div class="item"></div>
           <div class="item"></div>
           <div class="item"></div>
       </div>
    </div>

CSS

.frame {
       overflow-x: scroll;
         background-image: url(http://store.got3d.com/products/30-tile-floor-textures/thumbnails/free-tile-floor-texture.jpg);
           background-repeat: repeat;
    }

    .pane {
  

       white-space: nowrap;
    
    height: 250px;
    }

    .item {
       display: inline-block;
       width: 150px;
       height: 50px;
       background-color: grey;
    }