JSFiddle - React, Tailwind, and code Playground

HTML

<div style="height: 100px; Width: 200px;"> <!-- Container -->
    <div style="float:left; height: 50px; Width:100px; background-color:red;">
    </div>
    <div style="float:left; height: 50px; Width:100px; background-color:blue;">
    </div>
    <div style="clear:both;"></div>
    <div style="float:right; height: 50px; Width:100px; background-color:green;">
    </div>
</div>

CSS

div > div:nth-child(2) {
    transform:translate(0%, 100%);
}
div > div:nth-child(3) {
    display:none;
}
div > div:nth-child(4) {
    transform:translate(0%, -100%);
}