Design comparison
Solution retrospective
Hey guys, I would like some assistance on the background image as I had trouble positioning it, if you have a solution, don't hesitate to help or give any other feedback.
Community feedback
- @Mirna-LatifPosted almost 2 years ago
Hello, Nadine
Good job in this project.
About the background images, i put the two images in separate div in HTML before the main content, then i positioned them in CSS using absolute position for each image after i set position:relative; to the body.
.bg-image .top{ position: absolute; top: -90%; left: -20%; z-index: -1; } .bg-image .bottom{ position: absolute; bottom: -100%; right: -20%; z-index: -1; }
Another tip, you should put the attribution class in a footer .
I hope it is helps.
1@Nadine-GreenPosted almost 2 years ago@Mirna-Latif Thanks for the feedback, I will try to implement your technique.
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