Submitted 11 months ago

Responsive Perfume Product Card

Brandon Taylor•250

@brandontaylor1

A solution to the Product preview card component challenge

Preview Code

Solution retrospective

What are you most proud of, and what would you do differently next time?

I was always a little skeptical about Media Queries (probably because I couldn't do them), but I think the card turned out okay.

What challenges did you encounter, and how did you overcome them?

No real challenges other than trying to get another image to show when the width was reduced. Instead of putting the image in a container in the HTML markup, I put the image in as a background and was able to manipulate it once I created the media query.

What specific areas of your project would you like help with?

No areas that I need help with.

Code

Please log in to post a comment

Community feedback

No feedback yet. Be the first to give feedback on Brandon Taylor's solution.

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