JSFiddle - React, Tailwind, and code Playground
HTML
<div id="group">
<div id="right">It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English.
</div>
<div id="left">
Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text, and a search for 'lorem ipsum' will uncover many web sites still in their infancy.
</div>
<div id="bottom">
Various versions have evolved over the years, sometimes by accident, sometimes on purpose
</div>
</div>
CSS
#group{
overflow:hidden;
}
#right, #left, #bottom{
float:left;
width:25%;
margin-right: 1px;
background-color:#bc0000;
color:#FFFFFF;
font-weight:bold;
}
JavaScript
//equalize funciton
function equalHeight(group) {
tallest = 0;
group.each(function() {
thisHeight = $(this).css({'height':'auto'}).height();
if(thisHeight > tallest) {
tallest = thisHeight;
}
});
group.height(tallest);
}
$(window).on('load resize',function() {
equalHeight($("#right, #left, #bottom"));
});