The Feature List takes many forms. The simplest could be considered either the 'Dual Feature List' or 'Triple Feature List'.
These popular versions are achieved with a modifier class.

You can add as many `feature-list__item`'s as you require and they will arrange themselves as pairs on desktop.

```html
<section class="feature-list">
  <div class="feature-list__header">
    <header class="feature-list__header-header">
      <h2 class="feature-list__header-title">Feature List</h2>
    </header>

    <p class="feature-list__text">Section text</p>
  </div>
  <div class="feature-list__body">
    <div class="feature-list__list">
      <div class="feature-list__item">
        <a href="#" class="feature-list__item-title">
          <img class="feature-list__image"
               src="https://static.andigital.com/wp-content/uploads/2017/08/08160428/joshua-hibbert-22841-copy.png"
               alt="">

          Guide
        </a>
        <p>Some text</p>
      </div>
      <div class="feature-list__item">
        <a href="#" class="feature-list__item-title">
          <img class="feature-list__image"
               src="https://static.andigital.com/wp-content/uploads/2017/08/08160428/joshua-hibbert-22841-copy.png"
               alt="">

          Guide
        </a>
        <p>Some text</p>
      </div>
    </div>
  </div>
</section>
```

## Triple feature list

The feature list can be arranged in three's using the modifier class `feature-list--triple`.

```html
<section class="feature-list feature-list--triple">
  ...
</section>
```

## Clients

Another variation on the Feature List is the 'Clients' modification. This is best suited for images (or more specifically logos)
where the entire image needs to be seen at many breakpoints.

This is achieved with an additional `feature-list--images` class at the root of the module and a `feature-list__images-container` class
around the image like so...

```html
<section class="section feature-list feature-list--images">
    ...
    <a href="#" class="feature-list__images-container">
        <img class="feature-list__image" src="..." alt="">
    </a>
    ...
```
