HTML · Exercise 1 of 6Next
Beginner
An image that doesn't jump
The photo at the bottom of this page is 640 pixels wide and 360 pixels tall, and readers only see it after scrolling.
Give it a useful alt text, its real width and height, and make it lazy-load. Then fix the CSS so the picture keeps its shape when it shrinks.
What Check tests
- The image has a meaningful alt text (a few words)
- The image has width 640 and height 360
- The image lazy-loads
- The image keeps its 16:9 shape when it shrinks
Stuck? One hint at a time
The solution unlocks after your first Check. Try first: that is where the learning happens.
Runs in your browser. Your code is saved here.
Your page
Press Run to see the page.
Console
Nothing logged yet.