JSFiddle - React, Tailwind, and code Playground

by Pankaj Kargirwar

HTML

<div id="container">

  <div id="bottom">
    <p>Bottom</p>
    <p>Bottom</p>
    <p>Bottom</p>
    <p>Bottom</p>
    <p>Bottom</p>
    <p>Bottom</p>
    <p>Bottom</p>
    <p>Bottom</p>
    <p>Bottom</p>
    <p>Bottom</p>
    <p>Bottom</p>
    <p>Bottom</p>
    <p>Bottom</p>
    <p>Bottom</p>
    <p>Bottom</p>
  </div>
</div>

CSS

#container {
  height: 200px;
  padding-top:32px;
}
#top {
  border-bottom:2px solid grey;
}

#bottom {

  overflow-y:auto;
}