JSFiddle - React, Tailwind, and code Playground

HTML

<div class="testimonial-blocks">

<div class="1-testimonial tblock">
<p>"Example Short Testimonial 1"</p>
<p><strong> - Example person</strong></p>
</div>

<div class="2-testimonial tblock">
<p>"Example Medium Testimonial 1 Example Medium Testimonial 1 Example Medium Testimonial 1 Example Medium Testimonial 1"</p>
<p><strong> - Example person</strong></p>
</div>

<div class="3-testimonial tblock">
<p>"Example Long Testimonial 1 Example Long Testimonial 1 Example Long Testimonial 1 Example Long Testimonial 1 Example Long Testimonial 1 Example Long Testimonial 1 Example Long Testimonial 1 Example Long Testimonial 1 Example Long Testimonial 1 Example Long Testimonial 1 Example Long Testimonial 1 Example Long Testimonial 1 Example Long Testimonial 1 "</p>
<p><strong> - Example person</strong></p>
</div>

<div class="4-testimonial tblock">
<p>"Example Testimonial 1"</p>
<p><strong> - Example person</strong></p>
</div>

<div class="5-testimonial tblock">
<p>"Example Testimonial 1"</p>
<p><strong> - Example person</strong></p>
</div>

<div class="6-testimonial tblock">
<p>"Example Testimonial 1"</p>
<p><strong> - Example person</strong></p>
</div>

<div class="7-testimonial tblock">
<p>"Example Testimonial 1"</p>
<p><strong> - Example person</strong></p>
</div>


</div>

CSS

.tblock {
	display: inline-block;
	width: 31%;
	height: auto;
	position: relative;
	margin-bottom: 15px;
	vertical-align: top;
	padding: 8px;
}