England Football

Advertising Mpu 

<div class="advertising-mpu">
    <a href="#">
        <picture>
            <source media="(max-width: 819px)" srcset="/assets/example-content/advertising-300.png">
            <source media="(min-width: 820px)" srcset=" /assets/example-content/advertising-780.png">
            <img src="/assets/example-content/advertising-300.png" alt="">
        </picture>
    </a>
</div>

No notes defined.

/* No context defined. */
  • Content: 
    .advertising-mpu {
  display: block;
  text-align: center;
  a {
    cursor: pointer;
    display: inline-block;
    margin: 0 auto;
    img {
      display: inline-block;
      height: 100%;
      object-fit: cover;
      object-position: center;
      max-height: 25rem;
    }
  }

  @media screen and (min-width: $mq-medium) {
    a {
      img {
        height: 100%;
        max-height: 30rem;
      }
    }
  }
}
  • URL: /components/raw/advertising-mpu/advertising-mpu.scss
  • Filesystem Path: src/library/modules/advertising-mpu/advertising-mpu.scss
  • Size: 419 Bytes 
<div class="advertising-mpu">
  <a href="#">
  <picture>
    <source media="(max-width: 819px)" srcset="/assets/example-content/advertising-300.png">
    <source media="(min-width: 820px)" srcset=" /assets/example-content/advertising-780.png">
    <img src="/assets/example-content/advertising-300.png" alt="">
  </picture>
  </a>
</div>