Skip to content
Submitted over 2 years ago

Product preview card component

Milosz Lewandowski•130
@yerbaMatte
A solution to the Product preview card component challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

Hi, what do you think?

Code

Please log in to post a comment

Log in

Community feedback

  • Joshua Mo•130
    @joshua-mo-143

    Hi there!

    Don't forget to change your README.md at some point, it looks like you've just copy and pasted the template in. Also, adding an id to things will help to identify individual elements.

    The image looks broken but I think someone else has already provided a solution to that.

  • Alejandro•80
    @AlexKR7

    You have a slight error in the image path so don’t appear.

    the correct code:

    <picture> <source media="(min-width: 616px)" srcset="images/image-product-desktop.jpg" /> <source srcset="images/image-product-mobile.jpg" /> <img class="perf-img" src="images/image-product-desktop.jpg" alt="a head carved out of wood" /> </picture>

    The "/" before images is what makes your image not appear

  • Jishan•290
    @jish0101

    Image isn't showing up.? And the card is a little taller.

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