Skip to content
Submitted about 1 month ago

Perfume Buy card

Code-S1•150
@Code-S1
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?

the most proud of finding the tag

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

Its dumb to say but i just learned that inline elements dont have padding and margin affect them

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

definitely javascript and i really want to move onto a javascript site but i just cant i dont know maybe i am scared?

Community feedback

  • lordag•110
    @lordagPosted 2 days ago

    Well done! For selecting images based on the device format I found the use of the picture tag useful. <picture> <source media="(max-width: 36em)" srcset="./images/image-product-mobile.jpg"> <source media="(min-width: 36em)" srcset="./images/image-product-desktop.jpg"> <img src="./images/image-product-mobile.jpg" alt="Image of Gabrielle Essence Eau De Parfum"> </picture>

    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