JSFiddle - React, Tailwind, and code Playground

by lalatino

HTML

<div id="header">Header</div>
<div id="content">
    <p style="height:2000px;">Some content...</p>
</div>
<div id="footer">Footer</div>

CSS

#header {
    width: 100%;
    height: 100px;
    position: fixed;
    top: 0px;
    z-index: 1;
}
#content {
    width: 100%;
    margin-top: 100px;
}
#footer {
    width: 100%;
    height: 120px;
    background:green;
}
/*For demo only*/
 #header, #footer {
    border: 3px dashed #333333;
    background: #cfc;
}
#content {
    background: #ccc;
}

div { margin:0; padding:0; }