Child overflow

by Vishnuprasad ps

HTML

<div class="container">
  <div class="head">
    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. tempor incididunt ut labore et dolore magna aliqua.
  </div>
  <div class="body">
    Body ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. tempor incididunt ut labore et dolore magna aliqua.
  </div>
</div>

CSS

.container {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  overflow-x: auto;
  white-space: nowrap;
}

.head {
  padding: 1rem;
  background: #ccc;
}

.body {
  padding: 1rem;
  background: #f2f2f2;
}