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

HTML , CSS - Solution from MetalRick84

MetalRick 70

@MetalRick84

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


First I added the "Add to Cart"-Button as html-button-element but there was a box-shadow wich I could not remove via CSS. So I changed it to a div. Is there a way to remove the box-shadow from a button element?

Community feedback

P
visualdennis 8,375

@visualdenniss

Posted

<button> does not have a default box-shadow set, so it is not a box-shadow but actually a border, you can reset it by border: none;

Also i'd suggest adding a button:hover and background-color change for better UX.

Hope this is helpful!

Marked as helpful

1

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