Responsive Images
In this exercise you repeat the definition of responsive images
Exercise
Use the template of the the exercise Basic Structure and add single picture element on the page which shows different images for different viewport sizes and DPIs
- For a viewport >800 the image cat1 should be displayed for normal resolutions and cat2 for hidpi
- For a viewport >400 the image dog1 should be displayed for normal resolutions and dog2 for hidpi
- otherwise the image otter1 should be displayed for normal resolutions and otter2 for hidpi
Solution
Linkresponsive-images.solution.html