JSFiddle - React, Tailwind, and code Playground

HTML

<div id="main">
    
        <div id="menu">
        
        
        
        </div>
        
        <div id="center">
        

        </div>
    
    </div>
    
    <div id="footer">
           
            
            
    </div>

CSS

body,html {
    width:100%; 
    height:100%; 
    min-width:780px;
    background-color:#ddd;
}
#main {
    width:94%;
    height:auto;
    min-height:600px;
    margin:0 3%;
    position:relative;
    background-color:#ccc;
}
#menu {
    width:100%;
    height:50px;
    position:relative;
    background-color:#bbb;
}
#center {
    width:100%;
    height:auto;
    min-height:550px;
    position:relative;
    top:0;
    background-color:#aaa;
}
#footer {
    width:100%;
    height:100px;
    position:relative;
    bottom:0;
    background-color:#999;
}