Cards

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>