<a class="case-study-tile" href="#link-to-destination">

    <img alt="" class="case-study-tile__image" src=../../images/placeholder/case-study-tile-whooping-cough.jpg>

    <div class="case-study-tile__info">

        <h2 class="case-study-tile__title">Whooping cough vaccination during pregnancy</h2>

        <ul class="tag-list">

            <li class="tag-list__item">

                <span class="tag  tag--planning">

Planning

</span>

            </li>

            <li class="tag-list__item">

                <span class="tag  tag--disease-risks-and-causes">

Disease risks and causes

</span>

            </li>

            <li class="tag-list__item">

                <span class="tag  tag--diagnosis">

Diagnosis

</span>

            </li>

            <li class="tag-list__item">

                <span class="tag  tag--patient-safety">

Patient safety

</span>

            </li>

            <li class="tag-list__item">

                <span class="tag  tag--policy">

Policy

</span>

            </li>

            <li class="tag-list__item">

                <span class="tag  tag--treatment-and-prevention">

Treatment and prevention

</span>

            </li>

            <li class="tag-list__item">

                <span class="tag  tag--individual-care">

Individual care

</span>

            </li>

        </ul>

    </div>

</a>
  • The heading level must be updated to suit the document outline
  • The image’s alt text is intentionally left empty, as it is purely presentational