Card

<div class="card">
<!-- Cover -->
<div class="card__cover">
...
</div>
<!-- Content -->
<div class="card__content">
...
</div>
...
</div>
.card {
display: flex;
flex-direction: column;
}
.card__cover {
height: 150px;
width: 100%;
}
.card__content {
/* Take available height */
flex: 1;
}

See also

Card layout

Layered card

Stacked cards

Three dimensions card