Harshita Jain• 380
@Harshi786
Posted
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
@SOURABH358
Posted
Thanks @Harshi786 for reviewing my code 👍. I have made the changes as suggested.
0