JSFiddle - React, Tailwind, and code Playground
HTML
<div id="container">
<div id="column1">One line</div>
<div id="column2">Two lines<br /> Two lines</div>
<div id="column3">Three lines<br /> Three lines<br /> Three lines</div>
</div>
CSS
#column1 {float: left; background: red}
#column2 {float: left; background: blue}
#column3 {float: left; background: green}
JavaScript
var height = 0;
var thisheight = 0;
$("#container div").each(function() {
thisheight = $(this).css("height").replace("px", "") ;
if ( thisheight > height) {
height = thisheight;
}
});
$("#container div").css("height", height+"px");