@correlucas
Posted
πΎ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
selector object-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 helpful
@GiftCode27
Posted
@correlucas Thank you so much for your feedback. I'll make the correction right away.
@correlucas
Posted
@GiftCode27 Hey Gift, I'm happy to hear that was helpful. Keep it up!
@GiftCode27
Posted
@correlucas Thank you!