JSFiddle - React, Tailwind, and code Playground

HTML

<table> 
  <tr><td style="height:48px">1</td></tr> 
  <tr><td><div>
  2<br>h<br>hh<br>hh<br>hh<br>hh<br>hh<br>hh<br>hh<br>hh<br>hh<br>hh<br>hh<br>hh<br>hh<br>hh<br>hh<br>hh<br>hh<br>hh<br>hh
  </div></td></tr> 
  <tr><td style="height:48px">3</td></tr> 
</table>

CSS

html, body{height: 100%;margin:0;padding:0;}
table{height: 100%; width: 100%;}
table td{border: 1px solid #ddd;}
div{height:100%;overflow:auto;}