how to make image responsive css code example

Example 1: responsive img

.responsive-img {
  max-width:100%;
  display:block;
  height:auto;
}

Example 2: making image responsive

<p>
  <a href="MY WEBSITE LINK" target="_blank">
    <img src="IMAGE LINK" style='width:100%;' border="0" alt="Null">
  </a>
</p>

Example 3: imagen responsivo

1<img src="img-mobile.jpg" 2     srcset="img-mobileHD.jpg 2x, 3             img-tablet.jpg 768w, 4             img-tabletHD.jpg 768w 2x, 5             img-large.jpg 1200w, 6             img-largeHD.jpg 1200w 2x" />

Tags:

Misc Example

Related