JSFiddle - React, Tailwind, and code Playground

HTML

<table width="100%" height="100%" border="1" cellspacing="0" cellpadding="0">
  <tr>
    <td width="200" rowspan="2">&nbsp;</td>
    <td rowspan="2">&nbsp;</td>
    <td height="100">&nbsp;</td>
  </tr>
  <tr>
    <td width="20%">&nbsp;</td>
  </tr>
  <tr>
    <td height="10%" colspan="3">&nbsp;</td>
  </tr>
</table>

CSS

html, body{height:100%;}
body{margin:auto;}