JSFiddle - React, Tailwind, and code Playground

by Thomas Upton

HTML

<div class="container">
  <div class="section" id="top">
    <span>title 1</span>
    <div class="inside">
      Hello there. 
    </div>
  </div>
  <div class="section">
    <span>title 2</span>
    <div class="inside">
      Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas semper a ante eu vehicula. Nullam purus orci, placerat a imperdiet nec, ultricies at arcu. Interdum et malesuada fames ac ante ipsum primis in faucibus. Nunc ut lorem ultricies, imperdiet erat ut, volutpat felis. Nulla a cursus nibh, et consequat velit. Suspendisse at quam velit. Duis pellentesque lorem non rhoncus imperdiet. Fusce interdum, turpis nec ornare volutpat, erat ipsum mollis nisl, tempor tempor odio urna eget leo. In a libero et ipsum pretium imperdiet. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

Maecenas gravida eros at ante lobortis, sed pharetra erat maximus. Integer placerat felis ligula, a aliquam arcu imperdiet ac. Etiam vel rutrum nulla. Curabitur ut facilisis urna. Aliquam ut nulla in odio auctor lacinia eget in nisi. Pellentesque id sagittis sapien. Cras aliquam at magna non ullamcorper. Aliquam erat volutpat. Duis cursus sapien nulla, at laoreet felis lobortis ac. Quisque quis fermentum augue. Praesent nec nunc sed ex mollis aliquet. Aliquam erat volutpat.

Maecenas eget placerat nibh. In ornare eleifend semper. Phasellus et enim rhoncus, porta sem sit amet, lacinia ligula. Sed pharetra sed eros vel congue. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque faucibus porttitor ligula eu imperdiet. Morbi at ex ac ex bibendum luctus. Praesent sagittis vel dui ut ultricies. Maecenas ut tortor eros.

Praesent ut justo mattis, ullamcorper libero luctus, facilisis justo. Integer sed molestie nulla, ac vestibulum dolor. Mauris auctor sagittis varius. Nulla quis elementum justo. Vestibulum in interdum risus. Pellentesque ornare cursus lorem, quis finibus mi malesuada vitae. Curabitur laoreet...

CSS

.container {
  height: 600px;
  display: flex;
  flex-direction: column;
  border: 1px solid blue;
}

.section {
  border: 1px solid red;
  padding: 10px;
  margin-bottom: 10px;
  overflow-y: auto;
  min-height: 25px;
  flex-shrink: 1;
}