<div class="sb-flex">
  <a class="sb-card sb-col-xs3 sb-margin-right-s " href="#">
    <div class="sb-card__header">
      <h2 class="sb-title">An anchor card</h2>
    </div>
    <div class="sb-card__body">
      <p class="sb-text sb-text--center sb-text--uppercase sb-text--emphasis">221 responses</p>
      <p class="sb-text--s sb-text--center sb-text--subtle">3 data sources</p>
    </div>
  </a>
  <div class="sb-card">
    <div class="sb-card__header">
      <h2 class="sb-title sb-text--center">A very long and boring card title that can span over and over</h2>
    </div>
    <div class="sb-card__body">
      <button class="sb-btn sb-btn--primary">Click me</button>
    </div>
  </div>
</div>