<div class="flex-container">
  <div class="flex-item">item</div>
  <div class="flex-item">item</div>
  <div class="flex-item">item</div>
  <div class="flex-item">item</div>
  <div class="flex-item">item</div>
  <div class="flex-item">item</div>
  <div class="flex-item">item</div>
  <div class="flex-item">item</div>
  <div class="flex-item">item</div>
  <div class="flex-item">item</div>
  <div class="flex-item">item</div>
  <div class="flex-item">item</div>
  <div class="flex-item">item</div>
  <div class="flex-item">item</div>
  <div class="flex-item">item</div>
  <div class="flex-item">item</div>
  <div class="flex-item">item</div>
</div>

.flex-container {
  display: flex;
  overflow-x: scroll;
  width: 400px;
  padding: 20px;
  background-color: #ccc;
}

.flex-item {
  padding: 10px 20px;
  margin: 0 10px;
  background-color: yellow;
}