JSFiddle - React, Tailwind, and code Playground

HTML

<table>
    <tr>
        <td colspan="2"></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
    </tr>
    <tr>
        <td colspan="2"></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
    </tr>
    <tr>
        <td></td>
        <td></td>
        <td rowspan="2"></td>
        <td rowspan="2"></td>
        <td rowspan="2"></td>
        <td rowspan="2"></td>
     </tr>
    <tr>
        <td colspan="2"></td>        
     </tr>
</table>

CSS

table {
    border: 2px solid black;
    width: 100%;
}

td {
    border: 1px solid red;
    width: 100px;
    height: 50px;
}