Skip to content
Submitted about 1 year ago

Product Card Component

Vedant Thorat•60
@vedant027
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

Any Improvements i can make on this ?

Community feedback

  • Grzegorz•30
    @GreViecPosted about 1 year ago

    Look into a topic of art direction - You currently have 2 images simultaneously on your webpage, and both of them need to be downloaded by users browser. By using <picture> element, you can make it so that only one is downloaded, depending on certain conditions (@media max width). Here's more info on that https://developer.mozilla.org/en-US/docs/Learn/HTML/Multimedia_and_embedding/Responsive_images

    Marked as helpful
    0
    Vedant Thorat•60
    @vedant027Posted about 1 year ago

    @GreViec That was helpful !! Thankyou😊

    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