JSFiddle - React, Tailwind, and code Playground

HTML

<div class="parent">
	<div class="child">
		<p>Content</p>
	</div>
</div>

CSS

.parent {
	height: 100vh;
  background: #e1e1e1;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	        align-items: center;
	-webkit-justify-content: center;
	        justify-content: center;
}

.child {
	width: 300px;
  height: 50px;
  background: blue;
}