<div class="flex">
  <div class="w-1/3 p-6 bg-gray-100 flex flex-col">
    <h3 class="text-2xl mb-2">Title 1</h3>
    <p class="flex-1">I'm baby kickstarter subway tile man bun, pitchfork etsy YOLO pork belly biodiesel banjo. Succulents hell of green juice art party normcore meh poutine venmo aesthetic raclette tbh tousled. Polaroid ennui iceland raclette, ugh mustache subway tile glossier gluten-free tacos tilde. Asymmetrical tumblr farm-to-table, DIY 3 wolf moon vape next level flexitarian gastropub health goth raw denim. Hella cliche franzen poutine readymade everyday carry man bun. Raw denim offal you probably haven't heard of them four dollar toast bitters tbh glossier readymade pitchfork.</p>
    <a href="#" class="bg-purple-500 mt-2 text-center p-4 text-white">Button</a>
  </div>
  <div class="w-1/3 p-6 bg-gray-100 flex flex-col">
    <h3 class="text-2xl mb-2">Title 2</h3>
    <p class="flex-1">I'm super short</p>
    <a href="#" class="bg-purple-500 mt-2 text-center p-4 text-white">Button</a>
  </div>
  <div class="w-1/3 p-6 bg-gray-100 flex flex-col">
    <h3 class="text-2xl mb-2">Title 2</h3>
    <p class="flex-1">Asymmetrical tumblr farm-to-table, DIY 3 wolf moon vape next level flexitarian gastropub health goth raw denim. Hella cliche franzen poutine readymade everyday carry man bun. Raw denim offal you probably haven't heard of them four dollar toast bitters tbh glossier readymade pitchfork.</p>
    <a href="#" class="bg-purple-500 mt-2 text-center p-4 text-white">Button</a>
  </div>
</div>

* {
  font-family: Roboto,"Helvetica Neue",Arial,sans-serif;
}