<div class="flex justify-center">
  <div class="container--wide w-full">
    <div class="flex flex-col gap-8 mb-16">
      <div class="grid grid-cols-1 md:grid-cols-2 gap-12">
        {% include 'patterns/molecules/articles/article_timeline_preview.html' %}
        {% include 'patterns/molecules/articles/article_timeline_preview.html' %}
        {% include 'patterns/molecules/articles/article_timeline_preview.html' %}
        {% include 'patterns/molecules/articles/article_timeline_preview.html' %}
        {% include 'patterns/molecules/articles/article_timeline_preview.html' %}
        {% include 'patterns/molecules/articles/article_timeline_preview.html' %}
        {% include 'patterns/molecules/articles/article_timeline_preview.html' %}
        {% include 'patterns/molecules/articles/article_timeline_preview.html' %}
      </div>

      <div class="flex justify-center">
        {% include 'patterns/atoms/buttons/round_button.html' with button_text='Další články' %}
      </div>
    </div>
  </div>
</div>
