JSFiddle - React, Tailwind, and code Playground

HTML

<table>
<tr class=top><td>Top</td></tr>
<tr class=middle><td>Middle</td></tr>
<tr class=bottom><td>Bottom</td></tr>
</table>

CSS

body, html {
  height: 100%;
  padding: 0;
  margin: 0;
}

table {
  width: 100%;
  height: 100%;
}

.top {
  background: lightgreen;
}

.middle {
  background: yellow;
}

.bottom {
  background: lightblue;
}