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 Preview Card Component

@erratic-enigma

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


Don't have any specific questions about this challenge, but feedback is welcomed. 🙂

Community feedback

P

@sergrosu

Posted

You're pretty close. One thing I would change, is the cart icon: it's a style element and it's probably not a good idea to have it in your html. You can implement it inside your button using the ::before pseudo-element:

.button-cart::before {
  content: "";
  width: 15px;
  height: 16px;
  background-image: url(../images/icon-cart.svg);
}
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