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 {

}

.carousel {
    height: 100px;
    box-sizing: border-box;
    overflow-y: hidden;
    overflow-x: auto;
    white-space: nowrap;
    background: red;
}

.carousel div{
    background:blue;
    width: 15%;
    height: 100%;
    margin: auto;
    display: inline-block;
}