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 preview card

frontpro 70

@frontpro

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

duongns-vn 210

@duongns-vn

Posted

Very good, my friend.

Everything seems to work fine with the regular screen. However, with the vertical mobile viewport, the .product--card--image class has been escaped.

You can use img:src tag on html file and add object-jit:cover property, instead of adding img as background. Along with that, use background and border-radius for .product--card.

Wish you always have fun coding

Marked as helpful

1

frontpro 70

@frontpro

Posted

Thanks for the help ☺️@duongns-vn

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