JSFiddle - React, Tailwind, and code Playground

by bgrins

HTML

<div id='one'>
    <div id='two'>
        

    </div>
</div>

CSS

#one {
    width: 40%;
    height: 40%;
    position:fixed;
    left: 50%;
    top: 50%;
}
#two {
    position:absolute;
    top: -50%;
    left: -50%;
    right: 50%;
    bottom: 50%;
    background: orange;
}