JSFiddle - React, Tailwind, and code Playground

by Bhabani Raju

HTML

<div class="eq-container">
    <div class="eq-column">One line</div>
    <div class="eq-column">Two<br>linesTwo<br>linesTwo<br>linesTwo<br>linesTwo<br>linesTwo<br>linesTwo<br>linesTwo<br>linesTwo<br>lines</div>
    <div class="eq-column">One line</div>
</div>

CSS

.eq-column{
    border: 1px solid #000;
}

JavaScript

$('.eq-container').each(function(){  
     var $columns = $('.eq-column',this);
     var maxHeight = Math.max.apply(Math, $columns.map(function(){
         return $(this).height();
     }).get());
     $columns.height(maxHeight);
});