JSFiddle - React, Tailwind, and code Playground

HTML

<table>
    <tr>
        <td>
            <div class="blue">...</div>
            <div class="yellow">...</div>
        </td>
        <td>
            <div class="blue">...</div>
            <div class="yellow">...</div>
        </td>
    </tr>
</table>

CSS

tr td{
    width:200px;
    height:200px;
    background:red;
   
    
}

div.blue{
    width:50px;
    height:50px;
    background:blue;
}
div.yellow{
    width:50px;
    height:50px;
    background:yellow;
    vertical-align:bottom;
}