Thumbnails

Thumbnails in 3 columns

<ul class="afd-search-list">
  <li class="afd-search-list__item">
    <a class="afd-search-list__link">
      <figure class="afd-search-list__figure">
        <img src="https://goo.gl/o6SWFn">
      </figure>
      <h3 class="afd-search-list__title afd-text-overflow">Thumbnails item's title</h3>
      <div class="afd-search-list__subtitle">Subtitle</div>
    </a>
  </li>
</ul>

Thumbnails in 4 columns. Just change the class in the 'li'tag.

<ul class="afd-search-list">
  <li class="afd-search-list__4xitem">
    <a class="afd-search-list__link">
      <figure class="afd-search-list__figure">
        <img src="https://goo.gl/o6SWFn">
      </figure>
      <h3 class="afd-search-list__title afd-text-overflow">Thumbnails item's title</h3>
      <div class="afd-search-list__subtitle">Subtitle</div>
    </a>
  </li>
</ul>
© ArchDaily DevTeam