Design comparison
SolutionDesign
Solution retrospective
I was challenged by making the background have the two circle images on the top left corner and the bottom right corner.
Initially, I started out using background property in CSS, but the two images kept on changing their positions when the screen size changed.
Eventually, I just put the two images in the HTML and used position: absolute in CSS to make them stay at specific locations, no matter the screen size.
Please let me know if there are better ways to create a background with multiple images that need to be positioned in specific places.
Community feedback
Please log in to post a comment
Log in with GitHub
Join 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