JSFiddle - React, Tailwind, and code Playground

HTML

<div class="left"></div>
<div class="center"></div>
<div class="right"></div>

CSS

html,body {height:100%;}
.center {
    width:400px;
    margin:0 auto;
    min-height:100%;
    background:#ccc;
}
.left,
.right {
    position:absolute;
    top:0;
    z-index:-1;
    width:200px;
    min-height:100%;
}
.left {
    left:0;
    background: red;
}
.right {
    right:0;
    background: green;
}