JSFiddle - React, Tailwind, and code Playground

HTML

<span class="wrap">
    <div class="item">
        <div class="item__header">header</div>
        <div class="item__content">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Pariatur doloremque</div>
        <div class="item__footer">footer</div>
    </div><div class="item">
        <div class="item__header">header</div>
        <div class="item__content">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Pariatur doloremque veritatis corrupti voluptatibus ex dolor delectus alias ut culpa deserunt commodi hic maiores cupiditate velit vel architecto mollitia optio fugit
             delectus alias ut culpa deserunt commodi hic maiores cupiditate velit vel architecto mollitia optio fugit delectus alias ut culpa deserunt commodi hic maiores cupiditate velit vel architecto mollitia optio fugit>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Pariatur doloremque veritatis corrupti voluptatibus ex dolor delectus alias ut culpa deserunt commodi hic maiores cupiditate velit vel architecto mollitia optio fugit
             delectus alias ut culpa deserunt commodi hic maiores cupiditate velit vel architecto mollitia optio fugit delectus alias ut culpa deserunt commodi hic maiores cupiditate velit vel architecto mollitia optio fugit>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Pariatur doloremque veritatis corrupti voluptatibus ex dolor delectus alias ut culpa deserunt commodi hic maiores cupiditate velit vel architecto mollitia optio fugit
             delectus alias ut culpa deserunt commodi hic maiores cupiditate velit vel architecto mollitia optio fugit delectus alias ut culpa deserunt commodi hic maiores cupiditate velit vel architecto mollitia optio fugit.</div>
        <div class="item__footer">footer</div>
    </div><div class="item">
        <div class="item__header">header</div>
        <div class="item__content">Lorem ipsum dolor sit amet, consectetur adipisicing elit.</div>
        <div class="item__footer">footer</div>
   ...

CSS

.item {
    display: table-cell;
    width: 200px;
    background-color: #ebacca;
    min-height: 200px;
    border: 1px solid #000;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    vertical-align: top;
}
.item__content {
    padding-bottom: 40px;
}
.item__header {
    background-color: #1971AE;
    height: 40px;
}
.item__footer {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #336699;
    height: 30px;
}
.wrap {
    display: table-row;
    vertical-align: middle;
    overflow: hidden;
}