Card

Cards

Cards are used to present discrete pieces of content.

<div class="health-card health-card--clickable 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">
            <a class="health-card__link" href="#">Nemo enim ipsam voluptatem quia voluptas sit aspernatur</a>
        </h2>
        <div class="health-card__text">
            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.</p>
        </div>
        <div class="health-card__date">20 July 2019</div>
        <div class="health-card__tag">News</div>
    </div>
</div>