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: left;
    width: 40%;
    background: #484D4C;
    min-height: 100px;
}
.inner2 {
    height: 100%;
    margin: 0 0 0 40%;
    background: #00f;
}