JSFiddle - React, Tailwind, and code Playground

by Hashem Qolami

HTML

<div id="stuff" class="center"> 
     Some Stuff to be centered.
</div>

CSS

html, body {
    padding: 0;
    margin: 0;
    height: 100%;
}

.center {
    position: absolute;
    left: 50%;
    width: 133.33vh; /* 100 * 4/3 ratio */
    height: 100%;
    margin-left: -66.66vh; /* width / 2 */
    z-index: 100;  
    background-color: gold;
}