Refactored Product Preview Card

Solution retrospective
My first attempt at this challenge suffered from overuse of "section" elements, em units, and unnecessarily complex css. I tried to follow the advice I received from the Frontend Mentor discord and learned a lot about HTML structure best practices.
What challenges did you encounter, and how did you overcome them?It took me a little bit of extra research and trial/error to get the picture element right. I was not very familiar with this element prior to this challenge. I now see the benefits of using a picture element over other image options, but I don't feel like I have a full grasp on how the element works yet.
What specific areas of your project would you like help with?I'm sure this code could still be greatly improved. It appears to work as intended on my devices, but are there any overt issues within the code that I may be missing?
Please log in to post a comment
Log in with GitHubCommunity feedback
No feedback yet. Be the first to give feedback on Carisa Elam'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