JSFiddle - React, Tailwind, and code Playground

HTML

<div class="container">
    <div class="box">
        <img src="http://placehold.it/200x200">
        <br />Product description here.</div>
    <div class="box">
        <img src="http://placehold.it/200x100">Product description here. This description is longer.</div>
    <div class="box">
        <img src="http://placehold.it/200x300">Product description here. This description is longer than the previous one.</div>
</div>

CSS

.container {
    width:100%
}
.box {
    width:27%;
    padding:1%;
    margin:1%;
    float:left;
    border:1px solid #000;
    background:#c0c0c0;
    text-align:center;
}

JavaScript

var maxHeight = 0;

$(".box").each(function () {
    if ($(this).height() > maxHeight) {
        maxHeight = $(this).height();
    }
});

$(".box").height(maxHeight);