---
title: Article card
layout: common-ux-layout.hbs
---

<div class="article-card-container" style="margin-bottom: 20px; width: 100%;">
  {{>article_cards cards=(first article-cards.cards 1)}}
</div>

<div class="article-card-container" style="margin-bottom: 20px; width: 100%;">
  {{>article_cards cards=(first article-cards.cards 2)}}
</div>

<div style="margin-bottom: 20px; width: 100%;">
  {{>article_cards article-cards carousel=true}}
</div>