From the course: HTML: Images and Figures
Join today to access over 22,600 courses taught by industry experts or purchase this course individually.
Challenge: Use srcset - HTML Tutorial
From the course: HTML: Images and Figures
Challenge: Use srcset
- [Instructor] Now you try it. This is a challenge about using sourceset and sizes. Start by opening the index dot html file in the exercise files. Follow the instructions in the comments of the index dot html page starting by adding the meta element after line six. The images you will use for this challenge are in the images folder. The first one is a rather exotic relief work. And it comes in three different widths. 1000, 600, and 300 pixels. You'll put that image into the webpage and make sure it takes up 90 percent of the viewport. The images to use are images slash arch face 1000 dot jpg. Images slash arch face 600 dot jpg. And images slash arch face 300 dot jpg. The default image should be images slash arch face 600 dot jpg. That's on lines 11 through 17. The other image also comes in three different widths. 800, 500 and 300 pixels. Make the clock image on lines 26 through 33. Responsive as specified. If the browser window is less than 500 pixels, display images slash clock 300…
Practice while you learn with exercise files
Download the files the instructor uses to teach the course. Follow along and learn by watching, listening and practicing.
Download courses and learn on the go
Watch courses on your mobile device without an internet connection. Download courses using your iOS or Android LinkedIn Learning app.