@correlucas
Posted
👾Hi Moscow, congrats on completing this challenge!
Here’s some tips to improve your solution 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%
,
body {
background-image: url(../images/pattern-background-desktop.svg);
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
height: 100vh;
background-color: hsl(225, 100%, 94%);
font-family: "Red Hat Display", sans-serif;
background-size: contain;
background-repeat: no-repeat;
}
✌️ I hope this helps you and happy coding!
Marked as helpful
@MOSCOW2022
Posted
@correlucas thank you sir just did it