JSFiddle - React, Tailwind, and code Playground

HTML

<body>
<div id="content_holder">
<div class='all_links'>
</div>
  <div class="item">
     sdfsdfsdfdsfdsfsdfdsfsdf 
    </div>
</div>
<div id="bottom_nav">
</div>
</body>

CSS

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

body{
overflow-y:scroll;
min-width: 1024px;
}

#content_holder{
    min-height: 100%;
}

.item {
width: 800px;
position: relative;
top: 100px;
left: 50%;
margin-left: -400px;
text-align: center;
min-height: 100%;
background: yellow    
    
    
}
#bottom_nav{
    background:red;
    border-style:solid;
    z-index:100;
    margin-top:10px;
    height:50px;    
}
}