JSFiddle - React, Tailwind, and code Playground

by Nikolay Petrov

HTML

<div id="testDiv">
        <div class='testimgdiv'>
            <img class="testimg" src="http://i.imgur.com/jgNcbMd.jpg" />
        </div>
        <div class='testimgdiv'>
            <img class="testimg" src="http://i.imgur.com/jgNcbMd.jpg" />
        </div>
        <div class='testimgdiv'>
            <img class="testimg" src="http://i.imgur.com/jgNcbMd.jpg" />
        </div>
        <div class='testimgdiv'>
            <img class="testimg" src="http://i.imgur.com/jgNcbMd.jpg" />
        </div>
        <div class='testimgdiv'>
            <img class="testimg" src="http://i.imgur.com/jgNcbMd.jpg" />
        </div>
        <div class='testimgdiv'>
            <img class="testimg" src="http://i.imgur.com/jgNcbMd.jpg" />
        </div>
    </div>

CSS

.testimg{
	height: 100%;
	width: 100%;
}
#testDiv{
	width: 400px;
	overflow-x: auto;
  border:1px solid black;
  white-space: nowrap;
  font-size: 0;
  max-width:100%;
}
.testimgdiv{
	width: 120px;
	height: 100px;
	display: inline-block;
}