Responsive Product Preview with media query

Solution retrospective
its kinda hard at first to change the image, for the mobile and desktop display, and now my I kinda improved to understand how media query works.
What challenges did you encounter, and how did you overcome them?To change the image from desktop to mobile display
What specific areas of your project would you like help with?Maybe how I make the media query for change the image, if you have a better solutions just tell me guys, I really appreciate it 🙏
Please log in to post a comment
Log in with GitHubCommunity feedback
- P@joaofsds
Hi Dev, very well done! Here some thoughts about your code:
About the image topic, you also could do it with the tag <picture> which selects different images depending on the breakpoint or use the image as background of a <div> and changing the background on the media query, the second one was my approach.
About the HTML, minding semantics, I think the "PERFUME" would be more suitable to use tags <small> or <span> for it and I also recommend you avoid using more than one <h1> per page.
Keep coding! o/
Marked as helpful
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