JSFiddle - React, Tailwind, and code Playground

HTML

<div id="shell-top-wrapper">
    <div id="shell-top">
        <span id="logo">
            Site Name
        </span>
        <input type="text" placeholder="Username" />
        <input type="password" placeholder="Password" />
    </div>
</div>
<nav id="main-nav">
    Main Menu
</nav>
<div id="shell-content">
    <div class="content">
        Lorem ipsum dolor sit amet, consectetur adipiscing elit. In at est libero, ac rutrum est. Vestibulum id viverra neque. Aliquam erat volutpat. Vestibulum ac orci elit. Maecenas condimentum libero vitae sem venenatis eget sollicitudin nisl laoreet. Nulla eu metus et lacus mollis cursus. Donec feugiat, quam volutpat pulvinar bibendum, enim orci mollis ligula, sit amet mollis risus tellus ac ipsum. Nulla imperdiet faucibus luctus. Ut in commodo justo. In sit amet turpis at nisi condimentum porta. Donec malesuada rhoncus auctor. Nam nibh odio, rhoncus quis congue id, laoreet ut libero. Sed tempus volutpat justo. Mauris vel elit dui, ac pulvinar nisl.

In hac habitasse platea dictumst. Aliquam dignissim, est in iaculis feugiat, metus metus semper neque, in molestie quam orci et quam. Donec posuere, magna quis fringilla vulputate, turpis lacus placerat leo, in dictum enim tortor et turpis. Proin pulvinar, nunc eget porttitor tempus, turpis odio commodo odio, vitae adipiscing nunc lorem quis leo. Maecenas posuere, magna sed volutpat posuere, diam lectus suscipit enim, eu consectetur nisl enim non neque. Donec scelerisque lobortis ultrices. Aliquam erat volutpat. Donec id risus ac dolor elementum imperdiet eu eget magna. Suspendisse adipiscing ullamcorper lorem a aliquam. Duis tempor quam elit, pharetra sagittis metus. Proin felis magna, iaculis posuere rhoncus a, pharetra at eros. Ut ligula nulla, pharetra at luctus nec, condimentum at elit. Ut ac lorem lorem, et feugiat lorem.

Ut sodales gravida erat, id elementum dui scelerisque a. Vivamus at arcu enim, eget scelerisque libero. Cras quis facilisis leo. Quisque pellentesque felis...

CSS

nav#main-nav {
  position: fixed;
  top: auto;
  height: 100%;
  width: 100px;
}
html,
body {
  background-color: #f0f0f0;
  margin: 0px;
  padding: 0px;
}
#shell-top {
  padding: 29px 20px 20px 29px;
  position: fixed;
  background-color: #f0f0f0;
  z-index: 999;
  width: 100%;
}
#shell-top #logo {
  font-size: 2em;
}
#shell-top-wrapper {
  background-color: #f0f0f0;
  z-index: 999;
  height: 86px;
}
#shell-content {
  background: #FFFFFF;
  position:absolute;
    left: 100px;
    top: 86px;
    bottom: 0px;
    right: 0px;
    overflow-y: auto;
}