[ctrl+alt+n]

Nice browser. Is it antique?

No, seriously - your browser is so old that some features of patternplate don't work as expected.

Don't worry - you can either continue with a restricted version or install an up-to-date browser.

We messed up.

Sorry, but your user experience might be affected.

- Try reloading the page

- Report the problem at github.com/patternplate/patternplate

Media Card@1.0.0

<div class="c-media-card" style="margin: 16px;" id="card">
  <div class="c-media-card__image">
    <div class="c-media-card__frame"></div>
    <img src="https://source.unsplash.com/random/132x96"/>
  </div>
  <div class="c-media-card__bottom">
    <p class="c-media-card__title">
      Lorem Ipsum
    </p>
    <button class="c-icon-button--light c-media-card__button">
      <i class="c-icon-button__icon--light material-icons">more_vert</i>
    </button>
  </div>
</div>

<div class="c-media-card is-active" style="margin: 16px;" id="card2">
  <div class="c-media-card__image">
    <div class="c-media-card__frame"></div>
    <img src="https://source.unsplash.com/random/132x96"/>
  </div>
  <div class="c-media-card__bottom">
    <p class="c-media-card__title">
      Lorem Ipsum
    </p>
    <button class="c-icon-button--light c-media-card__button">
      <i class="c-icon-button__icon--light material-icons">more_vert</i>
    </button>
  </div>
</div>