Skip to content
Submitted about 2 months ago

Product preview card component using semantic HTML, CSS Nesting...

Romain Guillemot•10
@rocambille
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?

I tried some features I never used before, maybe in a wrong way so feel free to share any advice :)

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

First time I give a try to responsive images with srcset and relative colors in CSS for hover effect. I spend some nice time reading the doc

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

Every feedback is welcome, in particular regarding accessibility. Also I would like to discuss alternative approaches for semantic

Community feedback

  • h3cat3•50
    @h3cat3Posted about 2 months ago

    Well done this is a good beginning, I really like your idea of using grid template for large screens. For making your code easier to read I personally like having the styles in a differnt stylesheet

    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