Skip to content
Submitted 8 months ago

Product preview component

Pranay Narne•90
@pnarne148
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

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

Making the page exactly as the question

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

Implementation of responsive image

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

Implementing responsive images effeciently.

I used javascript, added windows event listener to check for resize. Is there a better way to implement it.

Community feedback

  • L'Alchimisrte•60
    @stephanievanoverberghePosted 8 months ago

    You did well to use JavaScript. I wanted to too but I told myself I had to try without it and it wasn't an easy task. Congratulations on your project, it is pixel perfect.

    0
    Pranay Narne•90
    @pnarne148Posted 8 months ago

    @stephanievanoverberghe I tried to accomplish it without javascript as well

    https://developer.mozilla.org/en-US/docs/Learn/HTML/Multimedia_and_embedding/Responsive_images

    Check out this page, I was not able to implement it perfectly but maybe you can.

    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