JSFiddle - React, Tailwind, and code Playground

HTML

<div class="centerBlock"></div>

CSS

.centerBlock {
        position: fixed;
        top: 50%;
        left: 50%;
        width: 50%;
        height: 200px;
        margin: -100px 0 0 -25%;
        background-color: #ff00ff;
    }