And directory path based your actual file structure and image sizes

Responsive Images Homework Answer

Your question:

To create a responsive HTML page that displays mountain images with different sizes, you can use the <img> element with the srcset attribute for responsive images. Here's an example:

Assuming you have images named mountain-1.jpg, mountain-2.jpg, mountain-3.jpg, and mountain-4.jpg in the "Q5" directory, you can use the following code:

  <meta name="viewport" content="width=device-width, initial-scale=1.0">

  <title>Responsive Images Example</title>

  srcset="Q5/mountain-1.jpg 300w,

          Q5/mountain-2.jpg 600w,

         900px"

  src="Q5/mountain-1.jpg"

• The srcset attribute specifies a set of image files and their corresponding sizes.

• The sizes attribute defines the sizes of the image to display based on the viewport width.