Design comparison
Solution retrospective
I don't know how to set the background image and I tried but the URL didn't work can anyone help me fix the background image using CSS? Thankyou!
Community feedback
- @vanzasetiaPosted over 2 years ago
Hi! 👋
Congratulations on finishing this challenge! 👏
If you want to make
pattern-background-desktop.svg
as a background image then the file path will be relative to the CSS file. It means that the file path would be from the CSS file perspective. So, to make it as a background image on thebody
element then try to understand the following code snippet.body { background-image: url("../pattern-background-desktop.svg"); /* Don't forget to add more background properties like stop the repetition, etc */ }
One thing that I would recommend doing is to use flexbox or grid to position the card in the middle of the page. It is much easier and less code to write to implement (also less buggy).
That's it! I hope this information is useful! 😁
0 - @afaiz-spacePosted over 2 years ago
remove the curved image from the HTML file. then set curved image in body element in CSS file....
0
Please log in to post a comment
Log in with GitHubJoin our Discord community
Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!
Join our Discord