JSFiddle - React, Tailwind, and code Playground

by vi161

HTML

<div class='wrap'>
  <div class='col'>
    <p class='p1'>Block1</p>
    <p class='p2'>Block2<br>asdfsdaf</p>
    <p class='p3'>Block3</p>
  </div>
   <div class='col'>
    <p class='p1'>Block1</p>
    <p class='p2'>Block2<br>asdfsdaf<br>asdfsdaf</p>
    <p class='p3'>Block3</p>
  </div>
   <div class='col'>
    <p class='p1'>Block1</p>
    <p class='p2'>Block2</p>
    <p class='p3'>Block3</p>
  </div>
   <div class='col'>
    <p class='p1'>Block1<br>asdfsdaf</p>
    <p class='p2'>Block2<br>asdfsdaf<br>asdfsdaf</p>
    <p class='p3'>Block3</p>
  </div>
</div>

CSS

.wrap {
  display: flex;
}
.col {
  width: 25%;
  display: flex;
  flex-direction: column;
}