JSFiddle - React, Tailwind, and code Playground
by powerMugen
HTML
<div class="two-columns col1">
<p>col 1 text tout ça</p>
<p>col 1 text tout ça</p>
</div>
<div class="two-columns col2">
<p>col 2</p>
</div>
CSS
.two-columns { width:47% !important; padding: 0 1%; float:left}
.col1 {background: #ddd; }
.col2 {background: red; }
JavaScript
var tallest = 0;
$('.two-columns').each(function(){
elemHeight = $(this).outerHeight();
if(elemHeight > tallest) {
tallest = elemHeight;
}
})
$('.two-columns').css('height',tallest);