Skip to content
Submitted almost 3 years ago

Order Summary Component

Nitin Kumar Pandey•60
@nitskp
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Order summary component
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

Solution retrospective

  1. How to make a proper box shadow for the button?
  2. How to make the background using the SVG image?

Community feedback

  • sumit kumar bighaniya•170
    @Ammyy9908Posted almost 3 years ago

    You can check my code at https://www.frontendmentor.io/solutions/responsive-order-summary-card-sHaAD7SJo

    Marked as helpful
    0
    Nitin Kumar Pandey•60
    @nitskpPosted almost 3 years ago

    @Ammyy9908 Thanks, it worked. The problem was that I thought I had to make the background somehow by using the SVG image only. I didn't think about adding colour to the background.

    0
  • sumit kumar bighaniya•170
    @Ammyy9908Posted almost 3 years ago

    Hi @ nitskp use background-repeat:no-repeat; to fix background image repetition.

    0
    Nitin Kumar Pandey•60
    @nitskpPosted almost 3 years ago

    Hi @Ammyy9908. Applying no-repeat doesn't work. When I used only no-repeat img2 comes. Output Screenshots Using no-repeat and cover gives img1

    0

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