All repair missions / Mission 05
Fix this page
Find the missing picture
Compare an image path with the supplied file listing.
Your goal
Display the supplied landscape and keep its meaningful alternative text. Use exactly the filename shown in the listing. Only this supplied image is allowed in the preview.
Edit a short HTML fragment or CSS rules. Changes apply when you press Update preview or Check my repair. Scripts and external resources are excluded. Fragment links and the supplied landscape image are supported. Edits stay in this page’s memory; reloading starts again.
Your working preview
Check your repair when you are ready.
Read one possible solution
<h2>A small illustration</h2><p>Available file: /assets/practice-landscape.svg</p><img src="/assets/practice-landscape.svg" alt="Amber sun above teal hills" width="240" height="140">img { max-width: 100%; height: auto; border: 2px solid #80eee0; }The source path must match the deployed filename, including case. Alternative text describes the content but does not repair the request.
Starting code and all hints
<h2>A small illustration</h2><p>Available file: /assets/practice-landscape.svg</p><img src="/assets/Practice-landscape.svg" alt="Amber sun above teal hills" width="240" height="140">img { max-width: 100%; height: auto; border: 2px solid #80eee0; }- Compare the request with the file listing character by character.
- A capital P is different from a lowercase p on this host.
- Change Practice-landscape.svg to practice-landscape.svg.