JSFiddle - React, Tailwind, and code Playground

HTML

<!-- START RECENT WORK -->
    <div id="recentwork">
    
    <div class="display">
    
    <h2>Recent Work</h2>
    
    <ul>
    <li class="recent"><img src="http://www.gezzamondo.co.uk/images/apps/ticketsoup/ticketsoup-01.jpg" /></li>
    <li class="recent"><img src="http://www.gezzamondo.co.uk/images/apps/ticketsoup/ticketsoup-01.jpg" /></li>
    <li class="recent last"><img src="http://www.gezzamondo.co.uk/images/apps/ticketsoup/ticketsoup-01.jpg" /></li>
    </ul>
    
    
    </div>
    
    </div>
    <!-- CLOSE RECENT WORK -->

CSS

#recentwork {
	width:100%;
	background-color:#ececec;
	clear:both;
	padding:80px 0;
}


#recentwork .display {
	width:960px;
	margin:0 auto;
	overflow:hidden;
}

#recentwork .display ul {
	margin:0 auto;
	padding:0;
	list-style:none;
}

#recentwork .display ul li.recent {
	float:left;
	margin-right:30px;
	width:200px;
}

#recentwork .display ul li.recent.last {
	margin-right:0!important;
}