JSFiddle - React, Tailwind, and code Playground

by karan shah

HTML

<div>
	<div class="main">
	    <div class="left">
	        left
	    </div>

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

	    <div class="centre">
	    	center
	    </div>
	</div>
</div>

CSS

.left{
    height: 100%;
    width: 200px;
    outline: 1px solid black;
    float: left;
    background-color: red;
}
.right {
    height: 100%;
    width: 200px;
    outline: 1px solid black;
    float: right;
    background-color: yellow;
}
.centre{
	height: 100%;
    outline: 1px solid black;
    margin-right: 200px;
    margin-left: 200px;
    background-color: blue;
}
.main{
    height: 100vh;
}