JSFiddle - React, Tailwind, and code Playground

by Angel Komander

HTML

<div class="thumbs">
	<img src="//lorempixel.com/100/100">
	<img src="//lorempixel.com/100/100">
	<img src="//lorempixel.com/100/100">
	<img src="//lorempixel.com/100/100">
	<img src="//lorempixel.com/100/100">
	<img src="//lorempixel.com/100/100">
	<img src="//lorempixel.com/100/100">
	<img src="//lorempixel.com/100/100">
	<img src="//lorempixel.com/100/100">
	<img src="//lorempixel.com/100/100">
	<img src="//lorempixel.com/100/100">
	<img src="//lorempixel.com/100/100">
	<img src="//lorempixel.com/100/100">
	<img src="//lorempixel.com/100/100">
</div>

CSS

.thumbs {
	max-height: 100px;
	max-width: 600px;
	overflow-x: auto;
	display: flex;
}
.thumbs img {
	float: left;
}