JSFiddle - React, Tailwind, and code Playground
HTML
<div class="row">
<div class="col-md-3">
<div class="col-md-12">
<img src="http://www.maxauto.com.br/public/produtos/722-max-5744.jpg" width="200" height="200" class="col-md-offset-1">
</div>
<div>
Maquina 1
</div>
<div>
<p>
Codigo: 123456
</p>
<p>
Aplicação:
</p>
<p>
Mussum ipsum cacilds, vidis litro abertis. Consetis adipiscings elitis. Pra
.</p>
</div>
</div>
<div class="col-md-3">
<div class="col-md-12">
<img src="http://www.maxauto.com.br/public/produtos/722-max-5744.jpg" width="200" height="200" class="col-md-offset-1">
</div>
<div>
Maquina 1
</div>
<div>
<p>
Codigo: 123456
</p>
<p>
Aplicação:
</p>
<p>
Mussum ipsum cacilds, vidis litro abertis. Consetis adipiscings elitis. Pra lá , depois divoltis porris, paradis. Paisis, filhis, espiritis santis. Mé faiz .
</p>
</div>
</div>
<div class="col-md-3">
<div class="col-md-12">
<img src="http://www.maxauto.com.br/public/produtos/722-max-5744.jpg" width="200" height="200" class="col-md-offset-1">
</div>
<div>
Maquina 1
</div>
<div>
<p>
Codigo: 123456
</p>
<p>
Aplicação:
</p>
<p>
Manduma pindureta quium dia nois paga. Sapien in monti palavris qui num significa nadis i pareci latim. Interessantiss quisso pudia ce receita de bolis, mais bolis eu num gostis.
Manduma pindureta quium dia nois paga. Sapien in monti palavris qui num significa nadis i pareci latim. Interessantiss quisso pudia ce receita de bolis,...
CSS
div.col-md-3{
background-color: #c5c5c5;
}
.col-md-3{
margin: 0 5px 5px 0;
}
JavaScript
$(document).ready(function() {
var maxHeight = -1;
$('.row').each(function() {
$(this).find('.col-md-3').each(function() {
maxHeight = maxHeight > $(this).height() ? maxHeight : $(this).height();
});
$(this).find('.col-md-3').each(function() {
$(this).height(maxHeight);
});
});
});