<section id=“articles”>
<h2 class="text-center">Articles</h2> <div class="container"> <div class="articles"> {%- assign column = 3 -%} {%- assign maxIndex = column | minus: 1 -%} {%- for index in (0..maxIndex) -%} <div class="column"> {%- for post in site.posts -%} {%- assign mod = forloop.index0 | modulo: column -%} {%- if mod == index -%} <article class="preview"> <div class="thumbnail"> <a class="post-link" href="{{ post.url | relative_url }}"> <img src="{{ post.image | relative_url }}"> </a> </div> <a class="post-link" href="{{ post.url | relative_url }}"> <h2 class="title">{{ post.title }}</h2> </a> <p class="description">{{ post.excerpt }}</p> </article> {%- endif -%} {%- endfor -%} </div> {%- endfor -%} </div> </div>
</section>