Images

Examples of adding images with responsive behaviour to your page.

Usage


  <img src="//placehold.it/780x250" alt="...">

Picture

Open this example in a new window


  <picture>
    <source srcset="//placehold.it/780x250" media="(min-width: 768px)">
    <source srcset="//placehold.it/420x250" media="(max-width: 768px)">
    <img src="//placehold.it/480x250" alt="...">
  </picture>