JSFiddle - React, Tailwind, and code Playground

HTML

<table>
    <tr>
        <td style="width:30%;"><div id="d1"></div></td>
        <td><div id="d2"></div></td>
        <td style="width:30%;"><div id="d3"></div></td>
    </tr>
</table>

CSS

#d1,#d3{
    background-color:red;
    width:100%;
    height:300px;
}
#d2{
    background-color:blue;
    width:100%;
    height:300px;
}
table{
    width:100%;
    height:100%;
}