Submitted 12 months ago

Responsive Product Preview Card

Nuradeen Mohammed•350

@nursh

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 am proud to be able to use CSS Grid and understand how it works. Also, that I learnt something new with respect to responsive images.

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

I had a problem with the responsive image. I was using the img-srcset which was working on all browsers except chrome. I had to think about the problem again and I realised I was using the wrong markup to solve it. So I switched to the picture tag and everything worked great.

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

Any feedback is welcome

Code

Please log in to post a comment

Community feedback

No feedback yet. Be the first to give feedback on Nuradeen Mohammed'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