Congratulations! Your code works correctly.
Here are some comments:
- Sometimes, you used the
<picture>
element in the “further info” section. Generally, we use<img>
withsrcset
(like you did with the “dinosaur head”) when we just have different sizes of the same image. - You could simplify your
<picture>
elements by having only one image in the<source>
element and using the fallback<img>
when the condition doesn’t apply. For example:
<picture>
<source media="(max-width: 600px)" srcset="red-panda-portrait-small.jpg">
<img src="red-panda-landscape.jpg" alt="a red panda">
</picture>
I hope that helps. Feel free to ask questions.
If you like to post more tasks it would be good to always start a new topic. That makes it easier for us to not miss it. Thanks!
Have a nice day,
Michael
PS: Your email address is visible in your post. I think it somehow ended up in the optional “name” field of your profile. I recommend removing it.