hugo-toha/layouts/partials/recent-posts.html

<div class="container-fluid recent-posts bg-white anchor pb-5" id="recent-posts">
  <h1 class="text-center">Recent Posts</h1>
  <div class="container">
    <div class="row" id="recent-post-cards">
      {{ range first 3 (where .Site.RegularPages.ByDate.Reverse "Type" "in" site.Params.mainSections )}}
        {{ partial "cards/recent-post.html" . }}
      {{ end }}
    </div>
  </div>
</div>