JSFiddle - React, Tailwind, and code Playground

by bgrins

HTML

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

CSS

#one {
    background: orange;
    width: 50%;
    height: 200px;
    position:relative;
    
    
    margin: 100px;
}
#two {
    width: 20%;
    height: 20%;
    position:absolute;
    top:0;
    left: 0;
}

#three {
    position:absolute;
    top: -50%;
    left: -50%;
    width: 100%;
    height: 100%;
    background: green;
    
}