Design comparison
Solution retrospective
I carried out my first challenge on Frontend Mentor creating a Product Preview Card Component, please check it out. I'd love your honest feedback.
Community feedback
- @correlucasPosted about 2 years ago
πΎHello Gift Charles, congratulations for your first solution and π welcome to the Frontend Mentor Coding Community!
Your solution is fine and the design is really good, the only thing I think you really need to fix is the image that is not responsive and is distorting to fix this behavior use in the
img
selectorobject-fit: cover
See the changes I did to your code:
img { display: block; max-width: 100%; object-fit: cover; height: 100%; border-radius: 1em 0 0 1em; }
π¨βπ» Here's my solution for this challenge if you wants to see how I build it: https://www.frontendmentor.io/solutions/product-preview-card-vanilla-css-and-custom-hover-state-on-hero-85A1JsueD1
π I hope this helps you and happy coding!
Marked as helpful0@GiftCode27Posted about 2 years ago@correlucas Thank you so much for your feedback. I'll make the correction right away.
1@correlucasPosted about 2 years ago@GiftCode27 Hey Gift, I'm happy to hear that was helpful. Keep it up!
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