JSFiddle - React, Tailwind, and code Playground

HTML

<div class="container">
<div class=top>https://www.google.com/search?q=flexbox+vs+table&amp;rlz=1C5GCEA_enUS978US978&amp;biw=1440&amp;bih=796&amp;ei=pDpQY8mvAp2mptQPuv-y2Ak&amp;ved=0ahUKEwjJkaaW7-z6AhUdk4kEHbq_DJsQ4dUDCA8&amp;uact=5&amp;oq=flexbox+vs+table&amp;gs_lp=Egdnd3Mtd2l6uAED-AEBGgIYAzIFEAAYgAQyBhAAGBYYHjIGEAAYFhgeMgYQABgWGB4yCRAAGBYYHhiLA8ICBRAAGJECwgIREC4YgAQYsQMYgwEYxwEY0QPCAggQLhixAxiDAcICCBAAGIAEGLEDwgILEC4YsQMYgwEY1ALCAgQQABhDwgIKEAAYsQMYgwEYQ8ICCxAuGI8BGI8BGOoCwgILEAAYjwEYjwEY6gLCAgsQABiABBixAxiDAcICChAuGMcBGNEDGEPCAggQLhiABBixA8ICDRAuGLEDGMcBGNEDGEPCAgsQLhiABBixAxiDAcICDhAuGIAEGLEDGIMBGNQCwgILEAAYsQMYgwEYkQLCAgcQABixAxhDwgIREC4YgAQYsQMYgwEYxwEYrwHCAhMQLhiABBixAxiDARjHARjRAxgKwgIIEAAYhgMYiwPCAgUQABiGA6gCCkixHlAAWLUdcAJ4AcgBAJABAJgBhgGgAcILqgEEMTYuMuIDBCBNGAHiAwQgQRgA4gMEIEYYAIgGAQ&amp;sclient=gws-wiz</div>
<div class=middle>Middle Middle Middle Middle Middle Middle Middle Middle Middle Middle Middle Middle Middle Middle Middle Middle Middle Middle Middle Middle </div>
<div class=bottom>Bottom Bottom Bottom Bottom Bottom Bottom Bottom Bottom Bottom Bottom Bottom Bottom Bottom Bottom Bottom Bottom Bottom Bottom Bottom Bottom Bottom Bottom Bottom Bottom Bottom Bottom Bottom Bottom Bottom Bottom Bottom Bottom Bottom Bottom Bottom Bottom Bottom Bottom Bottom Bottom Bottom Bottom Bottom Bottom Bottom Bottom Bottom Bottom Bottom Bottom Bottom Bottom Bottom Bottom Bottom Bottom Bottom Bottom Bottom Bottom Bottom Bottom Bottom Bottom Bottom Bottom Bottom Bottom Bottom Bottom Bottom Bottom Bottom Bottom Bottom Bottom Bottom Bottom Bottom Bottom Bottom Bottom Bottom Bottom Bottom Bottom Bottom Bottom Bottom Bottom Bottom Bottom Bottom </div>
</div>

CSS

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

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

.container {
  height: 100%;
  display: flex;
  flex-direction: column;
}

.container div {
  flex: 1;
  display: flex;
  align-items: center;
  margin: 1px;
}

.top {
  background: lightgreen;
}

.middle {
  background: yellow;
}

.bottom {
  background: lightblue;
}