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

Product Preview Card using flex box and grid.

@MichelleMinor87

Desktop design screenshot for the Product preview card component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

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

P
Vander Santos 1,750

@vanderms

Posted

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

@MichelleMinor87

Posted

@vanderms Thanks so much for your response.

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