JSFiddle - React, Tailwind, and code Playground

HTML

<div class="images"> 
		<a href="#"><img src="http://placekitten.com/80/80" /></a>
        <a href="#"><img src="http://placekitten.com/80/80" /></a>
        <a href="#"><img src="http://placekitten.com/80/80" /></a>
        <a href="#"><img src="http://placekitten.com/80/80" /></a>
        <a href="#"><img src="http://placekitten.com/80/80" /></a>
        <a href="#"><img src="http://placekitten.com/80/80" /></a>
        <a href="#"><img src="http://placekitten.com/80/80" /></a>
        <a href="#"><img src="http://placekitten.com/80/80" /></a>
        <a href="#"><img src="http://placekitten.com/80/80" /></a>
        <a href="#"><img src="http://placekitten.com/80/80" /></a>
        <a href="#"><img src="http://placekitten.com/80/80" /></a>        
	</div>

CSS

.images {
    height : 140px;
    overflow-x: scroll;
    overflow-y: hidden;
    white-space: nowrap;
    <!-- background-color : #272722; -->
  
}
.images a{
  padding : 14px 5px 0px 5px;
  margin: 5px 3px 0px 3px;
  vertical-align: middle;
  display: inline-block;
}