JSFiddle - React, Tailwind, and code Playground

HTML

<div class="grand-parent">
    <div class="parent">
        <div class="child"></div> 
    </div>
</div>
<style>
.grand-parent{
    width:600px;
    height:600px;
    background-color:yellow;    
}
.parent{
    width:400px;
    height:400px;
    background-color:red;
    position:relative;                
}
.child{
    width:200px;
    height:200px;
    background-color:green;
    position:absolute;
    bottom:0;
    right:0;
}
</style>