Design comparison
SolutionDesign
Solution retrospective
What are you most proud of, and what would you do differently next time?
I am glad to have been able to finish this small practice, but it is essential to do it since it establishes the bases of responsive design.
What challenges did you encounter, and how did you overcome them?I only found the challenge of how to be able to cross out the old price of the perfume, I solved it in a simple way that was simply with the text-decoration property
What specific areas of your project would you like help with?in responsive design
Community feedback
- @GCrane93Posted 7 days ago
Besides some styling inconsistencies compared to the design, this is a really good solution
A few notes to "improve" the overall design
- HTML can handle responsive images
- Some elements, like buttons, have default styling like the border color and can be handled by a reset stylesheet
<picture> <source media="(max-width: 768px)" srcset="assets/images/image-product-mobile.jpg" /> <source media="(min-width: 769px)" srcset="assets/images/image-product-desktop.jpg" /> <img src="assets/images/image-product-desktop.jpg" alt="Product Image" /> </picture>0
Please log in to post a comment
Log in with GitHub
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