Cards are used to present discrete pieces of content and are typically used in listings.
<div class="health-card health-card--resource">
<div class="row">
<div class="col-xs-3">
<div class="image--border image--link">
<a href="#">
<img src="../../images/real_tall.jpg">
</a>
</div>
</div>
<div class="col-xs-9">
<h3 class="au-display-md">
<a href="#">Dinosaur factsheet</a>
</h3>
<div class="metadata metadata--inline au-display-sm--text">
<div class="health-field__item">20 July 2019</div>
<div class="health-field__item">Publication</div>
</div>
</div>
</div>
</div>