Bummer! This is just a preview. You need to be signed in with an account to view the entire instruction.

(UPI) Chapter 5: Image Manipulation in HTML

Well done!

You have completed (UPI) Chapter 5: Image Manipulation in HTML!

Sign up for Treehouse Back to Library
Instruction

Using the \<img\> Element with srcset and sizes Attributes

The &lt;img&gt; element can serve different image sizes for various viewport conditions by specifying multiple images in the srcset attribute. The sizes attribute allows you to define when each image size should be used based on the viewport width.

Example Code:

&lt;img
    src=&quot;images/mountains_medium.png&quot;

`alt=&quot;mountains&quot;`   

    srcset=&quot;images/mountains_...