JSFiddle - React, Tailwind, and code Playground

HTML

<div class="top">
    <div class="red">
    </div>
    <div class="green">
    </div>
</div>

CSS

.top{
	position: relative;
	background-color: blue;
    height: 100px;
}

.green{
	position: absolute;
	right: 5px;
	top: 5px;
	width: 40px;
	bottom: 5px;
    background-color: green;
}

.red{
	position: absolute;
	left: 5px;
	top: 5px;
	right: 50px;
	bottom: 5px;
    background-color: red;
}