Feature List

<div class="feature-list">

    <header class="feature-list__header">

        <h2 class="feature-list__title">Latest news</h2>

        <div class="feature-list__title  feature-list__title--action">

            <a class="button  button--small" href="#link-to-full-listing">View all</a>

        </div>

    </header>

    <ul class="grid  grid--center    gutter  gutter--medium">

        <li class="grid__item    gutter__item    u-width-1-of-1  u-width-1-of-2-from-medium  u-width-1-of-3-from-large">

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

                <time class="news-tile__date" datetime="2017-02-27T12:34:00.000Z">27 Feb 2017</time>

                <h2 class="news-tile__title">NHS misplaced half a million patient documents</h2>

                <div class="cta  cta--small  cta--arrow">Read more</div>

            </a>

        <!-- /li -->

        <li class="grid__item    gutter__item    u-width-1-of-1  u-width-1-of-2-from-medium  u-width-1-of-3-from-large">

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

                <time class="news-tile__date" datetime="2017-02-27T12:34:00.000Z">27 Feb 2017</time>

                <h2 class="news-tile__title">NHS misplaced half a million patient documents</h2>

                <div class="cta  cta--small  cta--arrow">Read more</div>

            </a>

        <!-- /li -->

        <li class="grid__item    gutter__item    u-width-1-of-1  u-width-1-of-2-from-medium  u-width-1-of-3-from-large">

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

                <time class="news-tile__date" datetime="2017-02-27T12:34:00.000Z">27 Feb 2017</time>

                <h2 class="news-tile__title">NHS misplaced half a million patient documents</h2>

                <div class="cta  cta--small  cta--arrow">Read more</div>

            </a>

        <!-- /li -->

    </ul>

</div>