@correlucas
Posted
๐พHello Santiago, Congratulations on completing this challenge!
Here's some tips to fix the background:
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);
`: ;
background-color: hsl(225deg, 100%, 94%);
height: calc(100vh - 0.01px);
display: flex;
justify-content: center;
background-size: contain;
align-items: center;
background-repeat: no-repeat;
display: flex;
flex-direction: column;
}
โ๏ธ I hope this helps you and happy coding!
Marked as helpful