Skip to content
Submitted over 1 year ago

product preview pure css

Mohabexe•190
@Mohabexe
A solution to the Product preview card component challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

What did you find difficult while building the project? the positioning of the text

Code

Please log in to post a comment

Log in

Community feedback

  • Dêvid Teófilo•240
    @devid8642

    Firstly, congratulations on the solution.

    I have some considerations about your project:

    Regarding the structuring of your page, semantically speaking, all this content could be wrapped in an <article>, which could be inside a <main>. See more about HTML semantic tags here.

    Regarding the style, notice that the design predicted that the "add to cart" button has a specific behavior when the mouse passes over it. I don't know if you know it, but it is possible to implement this using the :hover pseudo-class.

    Again, congratulations on the solution and I hope you found my comment helpful.

    Marked as helpful

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