create an HTML page
Hello,
I was hoping someone could help me properly format a proper responsive image code using the attached image names, I believe the numbers at the end are in reference to their size so I want to make sure I get it right.
This is what I have.
<!DOCTYPE html>
<html>
<head>
<title>Responsive Images</title>
</head>
<body>
<h1>Mountain Images</h1>
<img src="mountain_1280.jpg" alt="Mountains"
srcset= "mountain_1280.jpg 1280w,
mountain_240.jpg 240w,
mountain_480.jpg 480w"
sizes="(max-width: 240px) 100vw,
(max-width: 1280px) 70vw,
240px">
</body>
</html>
And finally the attached instructions:
Using responsive images tags to create an HTML page that displays the mountain images. The mountain picture are supplied in 4 different sizes. The image in the html file should be able to scale automatically as the browser window resizes at least in 3 different sizes as shown.
In the above question, an code fragment is mentioned
Step by step
Solved in 3 steps
