CodePen Embed - Responsive Images Example #2: <img> with srcset & css

<img
 src="https://ucarecdn.com/36f90908-afb9-4e0a-b254-1b769faf8f3a/-/resize/1200x/1.jpg"
 srcset="https://ucarecdn.com/36f90908-afb9-4e0a-b254-1b769faf8f3a/-/resize/1200x/1.jpg 1x, https://ucarecdn.com/36f90908-afb9-4e0a-b254-1b769faf8f3a/-/resize/2400x/-/quality/lightest/2.jpg 2x"
alt="Greenpaws">

img {
  width: 100%;
  height: auto;
}

html, body {
  margin: 0;
}

This Pen is owned by uploadcare on CodePen. It is a fork of this Pen.

See more by @uploadcare on CodePen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.