Design comparison
SolutionDesign
Solution retrospective
What challenges did you encounter, and how did you overcome them?
- First I used srcset to load the images but it required a page refresh to change the image when going back and forth between mobile and desktop. Solved problem with <picture>.
- Implemnted the cart icon as a background image which was very neat but struggled to position it at first before i found background-position with a relative (%) offset from left.
Community feedback
- P@martinianolPosted about 1 month ago
Hi ema Your solution looks good. Congrats
I don't understand why you use react to create the project and then did everything on an html (index.html) and css code components.css
Next time, try it with React or at least clean all the unused code from the vite boilerplate. Cheers
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