JSFiddle - React, Tailwind, and code Playground

by danergo

HTML

<html>

<body>

<div id="main">

<div id="header">
Header
</div>
<div id="content">
content
<table width=100% height=100%>

<tr>
  <td>cell</td>
</tr>
</table>
</div>


</div>

</body>
</html>

CSS

#main {
  position: absolute;
  left:0px;
  top:0px;
  width:100%;
  height:100%;
  background:red;
  display:flex;
  flex-direction:column;
}

#header {
  width:100%;
  background:yellow;
}

#content {
  background:gray;
  flex:1;
}