Design comparison
SolutionDesign
Community feedback
- @NullishKoalaPosted 5 months ago
Hi, great job with your solution <3
I have noticed some differences between the design and your solution that you may want to consider working on:
- in both desktop and mobile screen sizes you've used the desktop image, which in mobile view gets trimmed on the top;
- the discounted price should be crossed out;
- I think there are no states added on the button like acitve, hover or focus,
- the cart icon needs to be a bit lower.
The HTML and CSS files look consistent. If I may add a small tip: instead of setting border-radius both times on the images you can set border-radius and overflow: hidden on the parent to hide those corners ;)
0
Please log in to post a comment
Log in with GitHubJoin 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