JSFiddle - React, Tailwind, and code Playground

by dumptyd

HTML

<div class="container">
  <div class="main">
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Distinctio eos cupiditate quos cum, nulla itaque sapiente in sint laborum molestiae odio eligendi, nobis maiores quia ipsa qui eveniet impedit rerum!</p>
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Rem quae, maiores accusamus. Sit, assumenda, blanditiis! Repellendus assumenda impedit nemo labore quo a et omnis magnam illo, est debitis, tempora fugiat.</p>
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Distinctio eos cupiditate quos cum, nulla itaque sapiente in sint laborum molestiae odio eligendi, nobis maiores quia ipsa qui eveniet impedit rerum!</p>
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Rem quae, maiores accusamus. Sit, assumenda, blanditiis! Repellendus assumenda impedit nemo labore quo a et omnis magnam illo, est debitis, tempora fugiat.</p>
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Distinctio eos cupiditate quos cum, nulla itaque sapiente in sint laborum molestiae odio eligendi, nobis maiores quia ipsa qui eveniet impedit rerum!</p>
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Rem quae, maiores accusamus. Sit, assumenda, blanditiis! Repellendus assumenda impedit nemo labore quo a et omnis magnam illo, est debitis, tempora fugiat.</p>
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Distinctio eos cupiditate quos cum, nulla itaque sapiente in sint laborum molestiae odio eligendi, nobis maiores quia ipsa qui eveniet impedit rerum!</p>
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Rem quae, maiores accusamus. Sit, assumenda, blanditiis! Repellendus assumenda impedit nemo labore quo a et omnis magnam illo, est debitis, tempora fugiat.</p>
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Distinctio eos cupiditate quos cum, nulla itaque sapiente in sint laborum molestiae odio eligendi, nobis...

CSS

.container {
  display: flex;
  flex-direction: column;
  height: 75vh;
  margin: 2rem;
  border: 2px solid;
}
.main {
  flex-grow: 1;
  overflow: auto;
}
.toolbar {
  padding: 1rem;
  border-top: 2px solid;
}