I fixed the background svg position problem using flexbox and simple code lines. I don't think the solution to this problem can be as simple as this but if you have better code, you are welcome. If you see any mistakes I did or any improvements I can make, I will be happy to see your feedback.
@memsbdm
Posted
You can use background in css for svg. It would be easier :)
@rizwanmustafa
Posted
But then calculating the position of the svgs would be difficult, I guess. But it was easier for me this way. I will try it out though.
@ApplePieGiraffe
Posted
Hi there, Rizwan Mustafa! 👋
Nice job on this challenge! 👏
Like memsbdm mentioned, using CSS background images would be a nice idea to add the background images to the site. You can use viewport units to position the background images and that will make it easier since then the background images will stay in their place when the page is resized. 😉
Keep coding (and happy coding, too)! 😁
@rizwanmustafa
Posted
@ApplePieGiraffe I actually saw your solution and a bit of your code before performing this. But those svgs rotate around when the page is resized and I did not want that.
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
