JSFiddle - React, Tailwind, and code Playground

HTML

<div class="product-category">
  <div class="product-category__item">
    <p>Title</p>
    <p>short description</p>
  </div>
  <div class="product-category__item">
    <p>Title</p>
    <p>long description</p>
    <p>long description</p>
    <p>long description</p>
    <p>long description</p>
  </div>
</div>

CSS

.product-category {
  width: 100%;
}
.product-category__item{
  width: 25%;
  float: left;
  padding: 25px;
  box-sizing: border-box;
  box-shadow: inset 0 0 0 1px #000;
}

JavaScript

var measureElements = document.querySelectorAll('.product-category__item');

for(let item of measureElements) {
	console.log(item.style.height)
}