JSFiddle - React, Tailwind, and code Playground

HTML

<div id="carousel" 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>

CSS

.carousel {
	  position: absolute;
	  top: 250px;
	  left: 0px;
	  
    height: 100px;
    box-sizing: border-box;
    overflow-y: hidden;
    overflow-x: hidden;
    white-space: nowrap;
    background: red;
  }

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