Skip to content
Submitted about 2 years ago

Product Preview Card

m•140
@mhz-777
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

Hey everyone just finished this project.

Let me know what you think and where I can improve!

Thanks :)

Community feedback

  • Paula Rodrigues•250
    @paulaabroPosted about 2 years ago

    Nice job!

    • You got an HTML issue because your section with the images doesn't contains a h2-h6 so I would recommend changing that.
    • Also, something that was recommended to me in the beginning and I found awesome is to use the picture tag it works like this:
    <picture>
  <source media("min-width: 600px") srcset="desktop.png">
  <img src="mobile.png">
</picture>

    To learn more see de DOC Responsive Images

    Marked as helpful
    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