JSFiddle - React, Tailwind, and code Playground

HTML

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

CSS

div.container
{
    width: 90%;
    margin: 10px auto;
    height: 100px;
    border: 1px solid #999;
    display: -webkit-box;
    -webkit-box-orient: horizontal;
}

div.color
{
    -webkit-box-flex: 1;
    height: 100%;
}

div.left
{
    background-color: Red;
}

div.center
{
    background-color: Blue;
}

div.right
{
    background-color: Aqua;
}