JSFiddle - React, Tailwind, and code Playground

by Yigang Fang

HTML

<div class='fullscreenDiv'>
  <div class="center">Hello World</div>
</div>

CSS

.fullscreenDiv {
  background-color: #e8e8e8;
  width: 100%;
  height: auto;
  bottom: 0px;
  top: 0px;
  left: 0;
  position: absolute;
}

.center {
  position: absolute;
  border: 1px solid blue;
  width: 100px;
  height: 50px;
  top: 50%;
  left: 50%;
  margin-top: -25px;
  margin-left: -50px;
}