JSFiddle - React, Tailwind, and code Playground

by jhorvath

HTML

<div class="header">
</div>
<div class="body">
    
</div>
<div class="footer">
    
</div>

CSS

.header {
    position: absolute;
    left: 0; right: 0; top: 0;
    height: 40px;
}
.body {
    position: absolute;
    left: 0; right: 0; 
    top: 40px; bottom: 40px;
    overflow: auto;
}
.footer {
    position: absolute;
    left: 0; right: 0; bottom: 0;
    height: 40px;
}