Skip to content
Submitted 12 months ago

Product review card with flexbox

Brenda Muthoni•230
@Brenda-M
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

I'd greatly appreciate some suggestions on how i can improve the card's responsiveness.

Community feedback

  • Ritika Agrawal•170
    @Ritika-Agrawal811Posted 12 months ago

    Hey, good job on the challenge!

    I saw your preview and noticed that you haven't added the active state( hover state ) to add to cart button. You can use :hover pseudo class on the button tag for it!

    Something like:

    
button{
 transition: background-color 150ms ease-in-out;
}

button:hover{
 background-color: /* the color code */
}

    Hope this comment was helpful! Happy coding!

    0
    Brenda Muthoni•230
    @Brenda-MPosted 12 months ago

    Thank you @Ritika-Agrawal811 for your feedback. I hadn't noticed that.

    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