Skip to content
Submitted 3 months ago

Product preview card component

Bridget Akellian•100
@bakellian
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Product preview card component
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

Solution retrospective

What specific areas of your project would you like help with?
  1. Landscape image - how would you "zoom out" on an 'object-fit: cover;'

Community feedback

  • kudos2Shef•170
    @kudos2ShefPosted 3 months ago

    Hi @bakellian , you have done a great job in attempting this challenge 👏.

    In this challenge, we are provided with two images - product-mobile and product-desktop. product-mobile img is used for both mobile and desktop version in your code. <img src="./images/image-product-mobile.jpg">

    For landscape images just change img src , no need for zoom out.

    Hope this helps, Keep up the good work!!

    0
  • HanzMal•80
    @HanzMalPosted 3 months ago

    Thank you

    0

Please log in to post a comment

Log in with GitHub

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