<div class="health-card health-card--shadow ">
<div class="health-card__image">
<img src="https://picsum.photos/800/450" />
</div>
<div class="health-card__body">
<h2 class="health-card__title">
Nemo enim ipsam voluptatem quia voluptas sit aspernatur
</h2>
<div class="health-card__text">
<p>
<ul class="list--cta-links">
<li><a href="#" class="list--cta-links__link">Link one</a></li>
<li><a href="#" class="list--cta-links__link">Link two</a></li>
<li><a href="#" class="list--cta-links__link">Link three</a></li>
<li><a href="#" class="list--cta-links__link">Link four</a></li>
<li><a href="#" class="list--cta-links__link">Link five</a></li>
<li><a href="#" class="list--cta-links__link">Link with a longer title to
cause wrapping</a></li>
</ul>
</p>
</div>
</div>
</div>
Cards are used to present discrete pieces of content.