JSFiddle - React, Tailwind, and code Playground

by Amin Kodaganur

HTML

<div class="wrapper">
  <div class="item-wrapper">
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
      <div class="item"></div>
  </div>
</div>

CSS

.wrapper{
  width: 75%;
  padding: 10px 10px;
  background: #ccc;
  overflow-x: scroll;
  white-space: nowrap;
}
.wrapper .item{
  width: 300px;
  height: 350px;
  background: #333;
  display: inline-block;
}