JSFiddle - React, Tailwind, and code Playground

HTML

<div class="container">

<div class="column">

Some content!<br/>
Some content!<br/>
Some content!<br/>
Some content!<br/>
Some content!<br/>

</div>

<div class="column">

Something

</div>
<div class="column">

Something

</div>
<div class="column">

Something

</div>
</div>


<div id="res"></div>

CSS

.column {
    float: left;
    padding: 20px;
    background-color: grey;
    width:30%
}

#res{
    clear:both;
}
.column:nth-child(even) {
background:green}

JavaScript

var maxh = 0;
$('.column').each(function(){ 
   var currh = parseInt( $(this).height() )
   if( currh > maxh ){ maxh = currh }
});
$('.column').height( maxh )