JSFiddle - React, Tailwind, and code Playground

HTML

<div class="row">
  <div class="col content">
    <h3>Heading Alpha</h3>
    <p>Paragraph of a various length</p>
    <p>Lorem ipsum dolor sit amet</p>
    <a href="#">More info link</a>
  </div>
  <div class="col content">
    <h3>Heading Bravo</h3>
    <p>Paragraph of a various length. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet.</p>
    <a href="#">More info link</a>
  </div>
  <div class="col content">
    <h3>Heading Charlie</h3>
    <p>Paragraph of a various length. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet.</p>
    <a href="#">More info link</a>
  </div>
</div>
<p>
Link must display at the bottom of each box
</p>

CSS

.row {
  display: flex;
  text-align: center;
}
.col {
  flex: 1;
}
.content {
  color: white;
  background-color: darkgrey;
  margin: 5px;
  padding: 5px;
}