JSFiddle - React, Tailwind, and code Playground

by Pasia

HTML

<body>
<div id="content_holder">
    <div class='all_links'>
        LINK
    </div>
    <div class="item">
        <div class="notice">ITEM</div>
    </div>
</div>
    <div id="bottom_nav">
        NAV BOTTOM
    </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%;
}