JSFiddle - React, Tailwind, and code Playground

by LOOnny

HTML

<div class="horizontal-carusel">
  <div class="horizontal-carusel__item"></div>
  <div class="horizontal-carusel__item"></div>
  <div class="horizontal-carusel__item"></div>
  <div class="horizontal-carusel__item"></div>
  <div class="horizontal-carusel__item"></div>
  <div class="horizontal-carusel__item"></div>
  <div class="horizontal-carusel__item"></div>
</div>

CSS

.horizontal-carusel {
  overflow: hidden;
  white-space: nowrap;
}

.horizontal-carusel__item {
  display: inline-block;
  width: 200px;
  height: 100px;
  border-radius: 5px;
  background: #222;
}