JSFiddle - React, Tailwind, and code Playground

HTML

<div class="centeredDiv">
</div>

CSS

.centeredDiv {
	width: 50vmin;
    height: 50vmin;
    position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -25vmin;
	margin-left: -25vmin;
	background: #FF0000;
}