Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Responsive page with Flex-box

@oc-garcia

Desktop design screenshot for the Product preview card component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Community feedback

@Remy349

Posted

The image doesn't look so good, to make it fill the width you set without deforming it, use the following properties on the image "object-fit: cover" this will make the image fit smoothly and then you can use an "object-position" to set the position you like. I hope my comment will help you :)

Marked as helpful

1

@oc-garcia

Posted

@Remy349 Just did that! Much better! Thank you!

0

Please log in to post a comment

Log in with GitHub
Discord logo

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