JSFiddle - React, Tailwind, and code Playground

HTML

<div class="container">
  <div class="slider">
    <div class="item item-1">1</div>
    <div class="item item-2">2</div>
    <div class="item item-3">3</div>
    <div class="item item-4">4</div>
  </div>
</div>

CSS

.container {
  width: 1000px;
  margin: 0 auto;
  overflow-y: auto;
}

.slider {
  width: 4000px;
  font-size: 0;
}

.item {
  display: inline-block;
  width: 1000px;
  height: 400px;
  font-size: 16px;
}

.item-1 {
  background: yellow;
}
.item-2 {
  background: green;
}
.item-3 {
  background: blue;
}
.item-4 {
  background: violet;
}