Skip to content
Submitted over 1 year ago

HTML , CSS - Solution from MetalRick84

MetalRick•70
@MetalRick84
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

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?

Community feedback

  • visualdennis•8,375
    @visualdennissPosted over 1 year ago

    <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

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