html img size responsive code example

Example 1: responsive img

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

Example 2: responsive image in css

.responsive_img {
    width: 100%;
    height: auto;
    object-fit: cover;
    /* Prevent the image from stretching. So it crops the image to prevent from awkward stretching */
}

Example 3: making image responsive

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

Tags:

Misc Example

Related