JSFiddle - React, Tailwind, and code Playground

by mehulkar

HTML

<div class="parent">
  <div class="child"></div>
  <div class="child"></div>
  <div class="child"></div>
  <div class="child"></div>
  <div class="child"></div>
</div>

CSS

.child {
  flex-basis: 100px;
  flex-shrink: 0;
  height: 100px;
  background: red;
  margin-right: 10px;
}

.parent {
  width: 300px;
  display: flex;
  overflow-x: scroll;
  background: yellow;
}