Skip to content
Submitted over 2 years ago

Product Preview Card using flex box and grid.

Chiquita Minor•170
@MichelleMinor87
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

I struggled with getting my image to be responsive for a while. I'm unsure of the picture tag. This was the first time I Have used it. I usually don't use 2 images I have always used one. I'm not sure if that matters or not. I would love more help of understanding if it is necessary to use the picture tag or an I just use one image to complete the next project?

Community feedback

  • Vander Santos•1,750
    @vandermsPosted over 2 years ago

    Nice work!

    I like the picture tag because it offers a clean solution to make an image responsive and you used it very well in your code. I would only point out that you didn't need the second source tag since the src is the same as the src in the img tag.

    Marked as helpful
    0
    Chiquita Minor•170
    @MichelleMinor87Posted over 2 years ago

    @vanderms Thanks so much for your response.

    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