site/_src/_includes/sections/section-blog.html

<section class="section section--blog ">
    <div class="row row--wide">
        <header class="section-header">
            <h1 class="section-title">Hot off the blog</h1>
        </header>

        <div class="grid grid--full grid-small--half grid-medium--third grid--gutters">
            {% for article in site.articles | limit: 6 %}
                <div class="grid__col">
                    <a class="article article--{{ article.title | downcase | truncatewords: 3, '' | replace: ' ', '-' }}" href="{{ article.link }}" style="background-image: url('{{ article.image }}')">

                        <h1 class="article__title">
                            {{ article.title }}
                        </h1>
                    </a>
                </div>
            {% endfor %}
        </div>

        <p class="text-center">
            <a class="btn btn-secondary btn-sm" href="{{ site.blog }}">Go to blog</a>
        </p>

    </div>
</section>