Design comparison
Solution retrospective
I had an issue to add the bg image. Any clues? Thanks :)
Community feedback
- @iagohenrique2009Posted over 2 years ago
HI... To change the background you can use 3 properties on the body of your work
background-image: url("images/bg-pattern-top.svg"), url("images/bg-pattern-bottom.svg");
background-position:-90% -500px, 170% 400px;
background-repeat: no-repeat;
I dont remember what are the exactly position so feel free to change it
just remenbering the "," separate the first from the second
Marked as helpful1 - @NitheeshKumar-CPosted over 2 years ago
Hi there😀,
Your solution look's good.
And for the bg image(for background img tag) use,
👉
position: absolute
: this will not affect the flow of other element.👉
z-index:-1
: by default all elements asz-index:0
by giving -1 it will moved to back.👉
left , top , right and bottom
: by using this property on element withposition: absolute or relative
you can change/ modify the place of that element.Happy coding👨💻
NitheeshKumar😄
Marked as helpful1
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