JSFiddle - React, Tailwind, and code Playground

HTML

<div class="conteudo">
    <div class="esquerda"></div>
    <div class="direita">
        <div>
            <div></div>
        </div>
    </div>
    <div class="clear"></div>
</div>

CSS

div {
    padding: 50px;
    border: 2px solid black;
}
.esquerda {
    height: 100%;
    float: left;
}
.direita {
    float: right;
}
.clear {
    clear: both;
}

JavaScript

setTimeout(function () {

    $('.esquerda').animate({
        height: $('.direita').height(),
        width: $('.direita').width()
    }, 1000);
}, 2000);

/*

// para fazer isto numa só linha:
$('.esquerda').height($('.direita').height());

*/