JSFiddle - React, Tailwind, and code Playground

HTML

<div id="container">
<div class="product-container">
    <img src="http://placehold.it/200x100" />
    Lorem ipsum dolor sit amet, nonumy voluptatum quo ei, ea possit diceret insolens eum.</div>
<div class="product-container">
    <img src="http://placehold.it/200x200" />
    Nihil dolorum vis id. Usu putant volumus et, ex est unum prima. Duo quando dolores invidunt an, per principes constituam vituperatoribus an.
</div>
<div class="product-container">
    <img src="http://placehold.it/200x150" />
    Qui dicant deterruisset cu.
</div>
</div>

CSS

#container {
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
}
.product-container {
    border: 2px solid black;
    width: 200px;
    margin: 5px;
    padding: 5px;
}