JSFiddle - React, Tailwind, and code Playground

by Uday Hiwarale

HTML

<div class="main">
  <div class="child">
    <div class="child_item">1</div>
    <div class="child_item">1</div>
    <div class="child_item">1</div>
    <div class="child_item">1</div>
    <div class="child_item">1</div>
    <div class="child_item">1</div>
    <div class="child_item">1</div>
  </div>
</div>

CSS

.main {
  width: 200px;
  display: flex;
  overflow: hidden;
}

.child {
  flex: 0 0 auto;
  display: flex;
}

.child_item {
  width: 50px;
  height: 30px;
  margin: 0 10px;
  background-color: #eee;
}