JSFiddle - React, Tailwind, and code Playground
HTML
<table border=0 cellpadding=0 cellspacing=0 width=100% style="height: 100%;">
<tr>
<td height=100>Header</td>
</tr>
<tr>
<td style="height: 100%;">
<table border=01 cellpadding=0 cellspacing=0 width=90% style="height: 100%;">
<tr>
<td style="height: 50px;">Inside 1</td>
</tr>
<tr>
<td style="height: 100%;">Inside 2</td>
</tr>
</table>
</td>
</tr>
<tr>
<td height=100>Footer</td>
</tr>
</table>CSS
html, body {
height: 100%;
}