order summary component

Community feedback

• 

  Harshita Jain•380

  @Harshi786Posted over 2 years ago

  Hey @SOURABH358!

  Congrats on completing the challenge.

  Here are some tips to make your code perfect.

  • Remove height property from #card {}.

  • Add html { background-color: hsl(225, 100%, 94%); }.

  • For Background Image, some changes-

  body {
    width: 100%;
    min-height: 100vh;
    background: url("./images/pattern-background-mobile.svg") no-repeat;
    background-position:top;
    background-size:contain;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  

  • Add a nice little shadow effect to payment button as well. box-shadow: 0 20px 20px 0 rgba(56, 42, 225, 0.19);

  Hope this helps :)

  Marked as helpful

  0

  ---

  

  Sourabh•420

  @SOURABH358Posted over 2 years ago

  Thanks @Harshi786 for reviewing my code 👍. I have made the changes as suggested.

  0