JSFiddle - React, Tailwind, and code Playground

HTML

<div class="carousel">
			<div></div>
			<div></div>
			<div></div>
			<div></div>
			<div></div>
			<div></div>
			<div></div>
			<div></div>
			<div></div>
			<div></div>
			<div></div>
			<div></div>
			<div></div>
			<div></div>
			<div></div>
			<div></div>
	  </div>

CSS

html {
	overflow-x: hidden;
}

.carousel {
	overflow-x: hidden;
	position: absolute;
	left:  0px;
	top: 100px;
	height: 300px;
	width: 100%;
	background: blue;
}

.carousel div{
	position: relative;
	background: yellow;
	width: 100px;
	height: 250px;
	float: left;
	border: 1px solid black;
}