JSFiddle - React, Tailwind, and code Playground

by GopsAB

HTML

<div id="master">
<div class="left-div">Lorem ipsum..</div>
<div class="center-div">Lorem ipsum..</div>
<div class="right-div">Lorem ipsum..</div>
</div>

CSS

#master{
    width:100%;     
    }

.left-div{
    width:20%;
    background:red; 
    height:500px;
    position:fixed;
    left:0;
    top:0;    
    }

.center-div{
    width:50%;    
    background:yellow;
    height:500px;
    margin-left:20%;
    float:left; 
    }

.right-div{
    width:30%;
    background:green;
    height:500px;
    position:fixed;
    right:0;
    top:0;
    }