.main {
  padding: 20px;
}

.parent {
  margin: 20px;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  max-height: 500px; /* Set the max-height to your desired value */
  overflow-y: auto; /* Add vertical scroll when the content exceeds max-height */
}

.child {
  display: inline-block;
  position: static;
  padding: 1rem 1rem;
  vertical-align: top;
}