Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Product review card with flexbox

@Brenda-M

Desktop design screenshot for the Product preview card component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


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

Community feedback

@Ritika-Agrawal811

Posted

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-M

Posted

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

0

Please log in to post a comment

Log in with GitHub
Discord logo

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