JSFiddle - React, Tailwind, and code Playground

by Shaz

HTML

<body>
    <div id="top">top header</div>
    
    <div id="content">content</div>
    
    <div id="bottom">bottom footer</div>
</body>

CSS

#top {
    color: white;
    width: 100%;   
    background-color: black;    
    top:0px;
    position: fixed;   
}

#bottom {
    color: white;
    width: 100%;   
    background-color: black;    
    bottom:0px;
    position: fixed;   
}

#content {
 padding-top: 10px;   
}