JSFiddle - React, Tailwind, and code Playground

by Alarr

HTML

<div class="parent">
    <div class="inner1"></div>
    <div class="inner2"></div>
</div>

CSS

.parent {
    overflow: hidden;
    height: 500px;
    border: 1px solid #000;
}

.inner1 {
    float: right;
    width: 60%;
    background: #0000FF;
    height: 100%;
}

.inner2 {
    min-height: 100px;
    margin: 0 60% 0 0;
    background: #484D4C;    
}