Product Preview Component Solution - Challenge #5

Solution retrospective
I am happy with the progress I am making. I now have a better understanding of the <picture> element, though I would like to try incorporating it earlier in projects. At the moment, I use the <img> element, and the last thing I do is replace it with the <picture> element to make it more responsive.
When adding the max-width attribute into the <source> element, I spent way too long trying to figure out why it wasn’t working, only to realize that I forgot to add px.
Is my HTML code semantic? How was my use of the <picture> element?
Please log in to post a comment
Log in with GitHubCommunity feedback
No feedback yet. Be the first to give feedback on Fraser Jubb's solution.
Join our Discord community
Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!
Join our Discord