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;
    position: relative;
}

.col > a {
    position: absolute;
    bottom: 5px;
    left: 50%;
    transform: translateX(-50%);
}

.content {
    color: white;
    background-color: darkgrey;
    margin: 5px;
    padding: 5px;
}