jQuery Match Height

A responsive equal heights library. MatchHeight makes the height of all selected elements exactly equal.

While this used to be a tricky problem, it’s advisable to use CSS Flexbox and CSS Grid where possible these days, though this library may still be useful for legacy browsers.

Plugin homepage

How to use

Add data-mh attribute with unique group identifier to all the elements that you want to make equal in height.

<div class="card">
    <div class="card-body" data-mh="cards">...</div>
</div>
<div class="card">
    <div class="card-body" data-mh="cards">...</div>
</div>
<div class="card">
    <div class="card-body" data-mh="cards">...</div>
</div>