@correlucas
Posted
👾Hello @lawal2000, Congratulations on completing this challenge!
Great code and great solution! I’ve few suggestions for you that you can consider adding to your code:
The background wave image is missing and here’s the step-by-step to add it.First of all add the image as a background inside the body
this is the code for that: background-image: url(../images/pattern-background-desktop.svg);
Then you add background-repeat: no-repeat
to avoid the background repeating and background-size: contain
to make it fit full width and center with the card this is the best choice, but an alternative to resize it is to use background-size: 125%
, Here’s the code with the modification and the image applied as background:
body {
background-size: contain;
background-image: url(./images/pattern-background-desktop.svg);
background-repeat: no-repeat;
background-color: #edf0fb;
display: flex;
flex-direction: column;
justify-content: center;
padding: 30px 10px;
}
✌️ I hope this helps you and happy coding!
Marked as helpful
@lawal2000
Posted
@correlucas Hi, thanks so so much for the correction, i got every bit of it right. and yes i missed the background wave. But please, can you put me through how to add google fonts to my code? it is not working for me or let me say I don't know how to use it. More so, please, can you give me a better guide on how I was to arrange the "Annual Plan" and the amount below it because I believe I didn't stack those details well incase it is a working website. .