Design comparison
SolutionDesign
Solution retrospective
I couldn't put the two backgrounds correctly.
Community feedback
- @12KentosPosted over 2 years ago
Hey @joaovxsantos,
Nice job on the project, it looks great! One way you can get the background image is using the background style.
background: url(images/bg-pattern-top.svg) right 50vw bottom 40vh no-repeat, url(images/bg-pattern-bottom.svg) 50vw 50vh no-repeat;
This will set the background to have both of the images needed, as well is give them positioning and make sure they don't repeat.
You might need to change the values to fit your project, but the same concept should work. Let me know if you need any other help, keep up the great work!
Marked as helpful0
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