Submitted almost 3 years ago

Product Preview Card using flex box and grid.

@MichelleMinor87

A solution to the Product preview card component challenge

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?

Code

Couldn’t fetch repository

Please log in to post a comment

Community feedback

Vander Santos•1,820
@vanderms
Posted almost 3 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

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