JSFiddle - React, Tailwind, and code Playground

HTML

<ul class="horizontal-slide">
    <li class="span2 thumbnail">
        <div class="col-md-2">
    <div class="row">
        <div class="col-xs-6 col-md-3"> 
             <a href="#" class="thumbnail">
                 <img src="http://placehold.it/150x100" alt="" />
             </a>
        
             <a href="#" class="thumbnail">
                 <img src="http://placehold.it/150x100" alt="" />
             </a>
        </div>   
    
        <div class="col-xs-6 col-md-3"> 
             <a href="#" class="thumbnail">
                 <img src="http://placehold.it/150x100" alt="" />
             </a>
        
             <a href="#" class="thumbnail">
                 <img src="http://placehold.it/150x100" alt="" />
             </a>
        </div>  
    </div>
</div>
    </li>
    <li class="span2 thumbnail">
        <div class="col-md-2">
    <div class="row">
        <div class="col-xs-6 col-md-3"> 
             <a href="#" class="thumbnail">
                 <img src="http://placehold.it/150x100" alt="" />
             </a>
        
             <a href="#" class="thumbnail">
                 <img src="http://placehold.it/150x100" alt="" />
             </a>
        </div>   
    
        <div class="col-xs-6 col-md-3"> 
             <a href="#" class="thumbnail">
                 <img src="http://placehold.it/150x100" alt="" />
             </a>
        
             <a href="#" class="thumbnail">
                 <img src="http://placehold.it/150x100" alt="" />
             </a>
        </div>  
    
    </div>
</div>
    </li>
    <li class="span2 thumbnail">
        <div class="col-md-2">
    <div class="row">
        <div class="col-xs-6 col-md-3"> 
             <a href="#" class="thumbnail">
                 <img src="http://placehold.it/150x100" alt="" />
             </a>
        
             <a href="#" class="thumbnail">
                 <img src="http://placehold.it/150x100" alt="" />
             </a>
        </div>   
    
        <div...

CSS

ul.horizontal-slide {
    margin: 0;
    padding: 0;
    width: 100%;
    white-space: nowrap;
    overflow-x: auto;
}
ul.horizontal-slide li[class*="span"] {
    display: inline-block;
    float: none;
}
ul.horizontal-slide li[class*="span"]:first-child {
    margin-left: 0;
}