JSFiddle - React, Tailwind, and code Playground

HTML

<div class="flexbox">

<div class="item">
  <div class="wrapper">
    <div class="title">
      Title
    </div>
    <div class="content">
      Content
    </div>
  </div>

  <div class="author">
    Author
  </div>
</div>

<div class="item">
  <div class="wrapper">
    <div class="title">
      Title
    </div>
    <div class="content">
      Content<br>Content
    </div>
  </div>
  <div class="author">
    Author
  </div>
</div>

<div class="item">
  <div class="wrapper">
    <div class="title">
      Title
    </div>
    <div class="content">
      Content<br>Content<br>Content
    </div>
  </div>
  <div class="author">
    Author
  </div>
</div>


</div>

CSS

.flexbox{
  display:flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.item{
  display:flex;
  flex-direction: column;
  justify-content: space-between;
  width: 100px;
  border: 1px solid #000;
  padding: 10px;
}

.wrapper {
  display: flex;
  flex-direction: column;
}

.author{
  width:100%;
  border: 1px solid #000;
}