JSFiddle - React, Tailwind, and code Playground

by cheese12345

HTML

<div id="main">
    <div id="secondary">
    </div>
</div>

CSS

#main{
    background:#ff0000;
    height: 100vh;
    width: 100%;
}

#secondary{
    background:#0033ff;
    height:50px;
    width:50px;
    position: absolute;
    top : 50%;
    left: 50%;
    margin-left: -25px;
    margin-top: -25px;
}