Masonry: News

<ul class="grid    gutter  gutter--large    masonry  masonry--loading">

    <li class="grid__item    gutter__item    masonry__item    u-width-1-of-1  u-width-1-of-2-from-medium  u-width-1-of-3-from-x-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">Missing NHS medical correspondence</h2>

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

        </a>

    <!-- /li -->

    <li class="grid__item    gutter__item    masonry__item    u-width-1-of-1  u-width-1-of-2-from-medium  u-width-1-of-3-from-x-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 data loss: 500 patients may have suffered serious harm in data scandal</h2>

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

        </a>

    <!-- /li -->

    <li class="grid__item    gutter__item    masonry__item    u-width-1-of-1  u-width-1-of-2-from-medium  u-width-1-of-3-from-x-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    masonry__item    u-width-1-of-1  u-width-1-of-2-from-medium  u-width-1-of-3-from-x-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">Pellentesque faucibus facilisis metus, ut faucibus purus volutpat nec</h2>

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

        </a>

    <!-- /li -->

    <li class="grid__item    gutter__item    masonry__item    u-width-1-of-1  u-width-1-of-2-from-medium  u-width-1-of-3-from-x-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">Missing NHS medical correspondence</h2>

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

        </a>

    <!-- /li -->

    <li class="grid__item    gutter__item    masonry__item    u-width-1-of-1  u-width-1-of-2-from-medium  u-width-1-of-3-from-x-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 data loss: 500 patients may have suffered serious harm in data scandal</h2>

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

        </a>

    <!-- /li -->

    <li class="grid__item    gutter__item    masonry__item    u-width-1-of-1  u-width-1-of-2-from-medium  u-width-1-of-3-from-x-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    masonry__item    u-width-1-of-1  u-width-1-of-2-from-medium  u-width-1-of-3-from-x-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">Pellentesque faucibus facilisis metus, ut faucibus purus volutpat nec</h2>

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

        </a>

    <!-- /li -->

    <li class="grid__item    gutter__item    masonry__item    u-width-1-of-1  u-width-1-of-2-from-medium  u-width-1-of-3-from-x-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">Missing NHS medical correspondence</h2>

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

        </a>

    <!-- /li -->

    <li class="grid__item    gutter__item    masonry__item    u-width-1-of-1  u-width-1-of-2-from-medium  u-width-1-of-3-from-x-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 data loss: 500 patients may have suffered serious harm in data scandal</h2>

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

        </a>

    <!-- /li -->

    <li class="grid__item    gutter__item    masonry__item    u-width-1-of-1  u-width-1-of-2-from-medium  u-width-1-of-3-from-x-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    masonry__item    u-width-1-of-1  u-width-1-of-2-from-medium  u-width-1-of-3-from-x-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">Pellentesque faucibus facilisis metus, ut faucibus purus volutpat nec</h2>

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

        </a>

    <!-- /li -->

</ul>