JSFiddle - React, Tailwind, and code Playground

by Brandon Stewart

HTML

<div class="wrapper">

    <ul class="dual-slider">
        
        <li><a href="#"><img src="http://i.imgur.com/7BHdl8f.jpg" /></a></li>
        
        <li><a href="#"><img src="http://i.imgur.com/AYaYsnR.jpg" /></a></li>
        
        <li><a href="#"><img src="http://i.imgur.com/SgpoHds.jpg" /></a></li>
        
        <li><a href="#"><img src="http://i.imgur.com/VnK0A9d.jpg" /></a></li>
        
    </ul>
    
</div>

CSS

.wrapper {
    width: 100%;
}

.dual-slider {
    list-style: none;
}

.dual-slider li {
    float: left;
}