JSFiddle - React, Tailwind, and code Playground

HTML

<div class="flex-container">
  <div class="reviews-text1">"about 1-2 sentences"
    <p class="reviews-buyername1">-Name</p>
  </div>
  <div class="reviews-text2">"about 1-2 sentences"
    <p class="reviews-buyername2">-Name</p>
  </div>
  <div class="reviews-text3">"about 1-2 sentences"
    <p class="reviews-buyername3">-Name</p>
  </div>
</div>

CSS

.flex-container{
  display: flex; 
  justify-content: space-around; 
  align-items: center;
  height: 350px;
  border: 1px dashed black; /* for demo only */
}

.flex-container div { 
  flex: 0 1 200px;  /* fb: 0, fs: 1, fb: 200px (same as max-width in this case) */
  font-size: 18px; 
  background-color: lightgreen;  /* for demo only */
}