Mozilla Protocol
  • 16.1.0

Picto Card: Compact

This component is deprecated. Use the Picto component.

A more compact version of a Picto Card with a horizontally aligned icon. Horizontally aligned icon allows for a larger title and slightly longer description (about 100 characters max).

<section class="mzp-c-card-picto mzp-c-card-picto-compact">
    <div class="mzp-c-card-picto-content">
        <h2 class="mzp-c-card-picto-title">A headline with 30 characters</h2>
        <p class="mzp-c-card-picto-desc">A short description with a maximum of about 60 characters.</p>
    </div>
</section>