JSFiddle - React, Tailwind, and code Playground

HTML

<div class="blue"><div class="pink"><p>content</p><p>content</p></div><div class="red">content</div></div>

CSS

.pink {
    background-color: pink;
    height:100%;
    width: 70%;
    float: left;
}
.blue {
    background-color: blue;
    height: auto;
}
.red {
    background-color: red;
    height: 100%;
    width: 30%;
    float: left;
}