JSFiddle - React, Tailwind, and code Playground

by Torwan

HTML

<div class="container">
    <div class="column">This is<br />the highest<br />column</div>
    <div class="column">One line</div>
    <div class="column">Two<br />lines</div>
</div>
<div class="container">
    <div class="column">One line</div>
    <div class="column">Two<br>lines</div>
    <div class="column">One line</div>
</div>

CSS

.container { border 1px solid red; }
.column { border: 1px solid blue; float:left; width: 30%;}

JavaScript

$(document).ready(function(){

    
        $('.container').each(function(){  
            
            var highestBox = 0;
            $('.column', this).each(function(){
            
                if($(this).height() > highestBox) 
                   highestBox = $(this).height(); 
            });  
            
            $('.column',this).height(highestBox);
            
        
    });    
    
    
   

});