JSFiddle - React, Tailwind, and code Playground

by brigand

HTML

<nav></nav>
<div id="main">
  <div>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cumque laboriosam recusandae quidem labore dolore non optio repudiandae. Possimus dignissimos maiores, voluptatibus nihil odio debitis in est expedita illo veritatis praesentium.</div>
  <div>Dicta perferendis beatae, quis saepe. Nam illum vitae, aliquid eligendi facere delectus, odio harum aperiam explicabo asperiores excepturi! Aperiam eligendi nulla, mollitia inventore consectetur molestias commodi ea obcaecati quam architecto.</div>
  <div>Sequi ea illum, maiores est eius nam officia nobis, cupiditate magnam cumque voluptatem autem explicabo nesciunt pariatur magni laudantium facere atque doloribus sint suscipit repellendus. Tenetur eligendi a quam praesentium.</div>

</div>

CSS

html, body {
  min-height: 100vh;
  margin: 0;
  padding: 0;
}

body {
  display: flex;
  flex-direction: column;
}

nav {
  height: 4em;
  background: #444952;
}


#main {
  flex: 1 1 auto;
  background: #c9c9c9;
  box-shadow: inset 0 0 0 1px hotpink;
}