<ul class="archive-list">
  <li class="archive-item">
    <div class="archive-img-wrap">サムネ画像</div>
    <p class="archive-ttl">タイトルタイトルタイトルタイトル</p>
    <a href="#" class="btn-more">詳しくはこちら</a>
  </li>
  <li class="archive-item">
    <div class="archive-img-wrap">サムネ画像</div>
    <p class="archive-ttl">タイトルタイトルタイトルタイトル...タイトルタイトル</p>
    <a href="#" class="btn-more">詳しくはこちら</a>
  </li>
  <li class="archive-item">
    <div class="archive-img-wrap">サムネ画像</div>
    <p class="archive-ttl">タイトルタイトルタイトルタイトルタイトルタイトルタイトル</p>
    <a href="#" class="btn-more">詳しくはこちら</a>
  </li>
</ul>

.archive-item {
  width: calc( 33.3333% - 13.3333px );
  padding: 10px;
  background-color: #fff;
  display: flex;
  flex-direction: column;
}

.archive-ttl {
  margin-bottom: 10px;
  padding: 5px;
  line-height: 1.5;
  background-color:cornflowerblue;
  flex-grow: 1;
}