JSFiddle - React, Tailwind, and code Playground

by Ivanq

HTML

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

CSS

html, body {
    margin: 0px;
    height: 100%;
}
.left, .right {
    display: inline-block;
    background: yellow;
    width: calc(50% - 100px);
    height: 100%;
    float: left;
}
.center {
    display: inline-block;
    background: blue;
    width: 200px;
    height: 100%;
    float: left;
}