JSFiddle - React, Tailwind, and code Playground
HTML
<div id="wrapper">
<div id="main">
Content goes here
</div>
</div>CSS
body, html, #wrapper { width: 100%; height: 100% }
#wrapper { display: table }
#main { display: table-cell; vertical-align: middle;text-align:center }