JSFiddle - React, Tailwind, and code Playground

by cvoll

HTML

<div id="testimonials">
    <div class="testimonial-item">
        <div class="testmonial-image"><img src="./Images/Testimonial_Image-01.png" width="104" height="119" alt="" class=""></div>
        <div class="testimonial-text">One of my top 5 apps, hands down.  Its by far the most acurate location tracking app and. its the only one that doesn't sell my data. </div>
        <div class="title">Name</div>
        <div class="body">Date</div>
    </div>
    <div class="testimonial-item">
        <div class="testmonial-image"><img src="./Images/Testimonial_Image-02.png" width="104" height="119" alt="" class=""></div>
        <div class="testimonial-text">One of my top 5 apps, hands down.  Its by far the most acurate location tracking app and. its the only one that doesn't sell my data. </div>
        <h1 class="title">Name</h1>
        <p class="body">Date</p>
    </div>
</div>

CSS

.testimonials {
  width: 1216px;
  height: 800px;
 display: inline-block;

  text-align: center;
}

.testimonial-item {
  width: 480px;
  height: 528px;
  vertical-align: top; 
  display: flex;
  flex-direction: column;
  text-align: center;
}