Skip to content
Submitted over 2 years ago

HTML , CSS - Solution from MetalRick84

MetalRick•70
@MetalRick84
A solution to the Product preview card component challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

Button is a div

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?

Code

Please log in to post a comment

Log in

Community feedback

  • P
    visualdennis•8,375
    @visualdenniss

    <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

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