JSFiddle - React, Tailwind, and code Playground

HTML

<div class="container">
    <div class="column">Test Words Test<br/>
                        Test Words Test<br/>
                        Test Words Test<br/>
                        Test Words Test<br/>
 </div>
    <div class="column">Here one Line</div>
    <div class="column">Here two <br/> Lines</div>
</div>

<div class="container">
    <div class="column">Here one Line</div>
    <div class="column">Here two <br/> Lines</div>
    <div class="column">Here three <br/> Linies but DIV <br/> for 4 Lines</div>
</div>

<div class="container">
    <div class="column">Here one Line</div>
    <div class="column">Here one Line</div>
    <div class="column">Here one Line</div>
</div>

CSS

.container {
	float: left;
	width: 33%;
}

.column { 
	border: 1px solid white; 
}

.column:nth-child(odd) { 
	background-color: grey;
}

.column:nth-child(even) { 
	background-color: lightgrey;
}

JavaScript

$(document).ready(function(){

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