JSFiddle - React, Tailwind, and code Playground

HTML

<table>
    <tr>
        <td>
        </td>
        <td>
        </td>
    </tr>
    <tr>
        <td>
        </td>
        <td>
        </td>
    </tr>
</table>

CSS

table {
    width: 100%;
    border-collapse: collapse;
}
td {
    width: 50%;
    padding-bottom: 50%;
    box-shadow: inset 0 0 2px 2px #fff;
    background-color: #bada55;
}