Card

<ul class="card-list">

  <li class="card-list__item">

    <a href="/" class="card">

      <span class="card__image">
        <img src="…" alt="Amphiprion ocellaris" />
      </span>

      <span class="card__text">
        <span class="card__name">
          <strong class="text-single-line">
            Amphiprion ocellaris, also known as the false percula clownfish
            or common clownfish, is a marine fish belonging to the family Pomacentridae
          </strong>
          <small>(+4 more)</small>
        </span>
        <br />
        <span class="card__meta text-single-line">
          Contributor name, collection name, other meta data about this item
        </span>
      </span>

    </a>

  </li>
  <li class="card-list__item card">…</li>
  <li class="card-list__item card">…</li>

</ul>