JSFiddle - React, Tailwind, and code Playground

HTML

<div id="wrap"></div>

CSS

#wrap { 
		position: absolute;
		width: 50%; 
		height: 50%; 
		background: red;
		left: 50%;
		top: 50%;
		margin-left: -25vw;
		margin-top: -25vh;
	}