@correlucas
Posted
👾Hello @Nairitya, congratulations for your new solution!
🎯 Your solution its almost done and I’ve some tips to help you to improve it:
Your image wave background was not displaying due the lack of the ./
before the image folder to indicate the correct location.Note that if you're using the folder locally the live server recognizes the image location, but with a live solution you need to indicate where the image is.
Remember, when the image is inside the repository folder use dot slash ./
and if is inside a subfolder use dot dot slash ../
If the image is the same folder of the html without folder just add normal path.
Here's the correct import: background-image: url(./images/pattern-background-desktop.svg);
body {
background-image: url(./images/pattern-background-desktop.svg);
box-sizing: border-box;
height: 100vh;
width: 100%;
margin: 0;
border: 0;
text-align: center;
/* background: url(/images/pattern-background-desktop.svg); */
background-color: hsl(225, 100%, 94%);
background-repeat: no-repeat;
background-size: contain;
font-family: "Red Hat Display", sans-serif;
display: flex;
align-items: center;
justify-content: center;
color: hsl(224, 23%, 55%);
font-size: 16px;
}
✌️ I hope this helps you and happy coding!