JSFiddle - React, Tailwind, and code Playground

by creed88

HTML

<div class="div_header" id="div_header"></div>
<div class="div_left" id="div_left"></div>
<div class="div_main" id="div_main"></div>
<div class="div_right" id="div_right"></div>

CSS

.div_header {
    height: 40px;
    width: 100%;
    background-color: red;
}

.div_left {
    float: left;
    min-height: 300px;
    width: 50px;
    background-color: green;
}

.div_main {
    float: left;
    min-height: 300px;
    width: calc(100% - 100px);
    background-color: blue;
}

.div_right {
    float: right;
    min-height: 300px;
    width: 50px;
    background-color: yellow;
}