JSFiddle - React, Tailwind, and code Playground

HTML

<div class="container">
<div class="header">header</div>
    <div class="left">left<div>
    <div class="right">right</div>
    <div class="footer">footer</div>
    </div>

CSS

body{
    margin:0;
    padding:0;
}
.header{
    background-color:#00A2E8;
    height:50px;
    position:fixed;
    top:0;
    width:100%;
}
.footer{
    background-color:gray;
    height:50px;
    position:fixed;
    bottom:0;
    width:100%;
}
.left{
    height:400px;
    background-color:#C3C3C3;
    width:200px;
    position:fixed;
    top:50px;  
}
.right{
    left:200px;
    width:100%;
    position:absolute;
}