JSFiddle - React, Tailwind, and code Playground

HTML

<div id="container">
    <div class="div1">No</div>
    <div class="r">
        <div class="div2">Some possible long content</div>
        <div class="div3">Not so long stuff</div>
    </div>
</div>

CSS

#container {
    display: table;
    background-color: #dda;
    height: 1px; /*weird but important forgot why*/
}
.r {
    display: table-cell;
}
.div1 {
    height: 100%;
}
.div1, .div2, .div3 {
    border: solid 1px;
    padding: 5px 8px;
}