Design comparison
Solution retrospective
I've just completed product-preview-card-component challenge from @frontendmentor! 🎉
Any suggestions on how I can improve are welcome!
Community feedback
- @its-meAshPosted about 1 year ago
It's very nice but there is a very very small mistake (not a mistake but a small problem). In your add to cart button, the text is like more closer to the top than to the bottom, this when focused makes psychologically uncomfortable for the user, you may use display: flex; align-items: center to make everything inside it centred vertically.
1@divyaprakashdpPosted about 1 year ago@its-meAsh, you've got an eagle eye! It's all about pixel perfection in the frontend world, isn't it? Thanks for the tip! 🖥️✨
0 - @AyoubrabiaePosted about 1 year ago
Hi Divya,
I can see that you're doing a great job. However, I believe that the image's appearance on mobile devices might not be optimal. My suggestion is to add the following property to the image:
object-fit: cover;
This should enhance the way the image is displayed and make it look even better on mobile screens. Keep up the good work!
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