JSFiddle - React, Tailwind, and code Playground

HTML

<a class="button" href="#">Button</a>
<div class="parent">
    <div class="child"></div>
    <div class="child">ABC</div>
    <div class="child"></div>
    <div class="child">ABC<br/><br/></div>
    <div class="child"></div>
</div>

CSS

div.parent
{
    background-color:#555;
    height:160px;
}

JavaScript

$('a.button').on('mouseenter', function() {
    var maxHeight = 0;
    $('div.child').each(function() {
        if ($(this).height() > maxHeight) maxHeight = $(this).height();
    });
    $('div.parent').height(maxHeight);
});