JSFiddle - React, Tailwind, and code Playground

HTML

<div class="sameHeightWrapper">
    <div class="sameHeightContainer c1">
        Container 1<br/>
        Container 1<br/>
        Container 1<br/>
        Container 1<br/>
    </div>
    <div class="sameHeightContainer c2">
        Container 2<br/>
    </div>   
    <div class="sameHeightContainer c3">
        Container 3<br/>
        Container 3<br/>
        Container 3<br/>
        Container 3<br/>
        Container 3<br/>
        Container 3<br/>
        Container 3<br/>
        Container 3<br/>
        Container 3<br/>
        Container 3<br/>
    </div>   
</div>

CSS

.c1 { 
    background: red;
}

.c2 { 
    background: green;
}

.c3 { 
    background: yellow;
}

JavaScript

$('.sameHeightWrapper').each(function() {
    var highestContainer = 0;
    $('.sameHeightContainer', this).each(function() {
        if($(this).height() > highestContainer) {
            highestContainer = $(this).height();
        }
    });
    $('.sameHeightContainer', this).height(highestContainer);
});