JSFiddle - React, Tailwind, and code Playground

HTML

<table>
      <tbody>
      <tr>
        <td colspan="6"></td>
      </tr>
      <tr>
        <td colspan="4" rowspan="4"></td>
        <td colspan="2"></td>
      </tr>
      <tr>
        <td colspan="2"></td>
      </tr>
      <tr>
        <td colspan="2"></td>
      </tr>
      <tr>
        <td colspan="2"></td>
      </tr>
      <tr>
        <td colspan="3"></td>
        <td colspan="3"></td>
      </tr>
      <tr>
        <td colspan="2"></td>
        <td colspan="2"></td>
        <td colspan="2"></td>
      </tr>
      </tbody>
    </table>

CSS

table {
    width: 500px;
}

td {
    padding: 20px;
    border: 1px solid #000;
}