JSFiddle - React, Tailwind, and code Playground

HTML

<div class="grid">
  <div class="main">
    Resize window height!
  </div>
</div>

CSS

html, body {
  height: 100%;
}

.grid {
  outline: 1px solid red;
  height: 100%;
  display: grid;
  grid-template-areas: 'main';
  grid-template-rows: 1fr;
}

.main {
  outline: 1px solid green;
  grid-area: main;
  margin: auto;
  min-width: 200px;
  min-height: 200px;
}