Skip to content
Submitted about 1 year ago

Responsive preview card

frontpro•70
@frontpro
A solution to the Product preview card component challenge
Preview (opens in new tab)Code (opens in new tab)
Code

Please log in to post a comment

Log in

Community feedback

  • duongns-vn•210
    @duongns-vn

    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

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