JSFiddle - React, Tailwind, and code Playground

HTML

<div id="outer">
<div id="inner">YOUR CONTENTS HERE
</div>
</div>

CSS

html, body{height: 100%;}
#outer{max-height: 100%; max-width: 100%; position: relative; height: 100%;}
#inner{position: relative; top: 50%; margin-top: -50% auto auto auto; background: red; text-align: center; color: yellow;}