Design comparison
Solution retrospective
Hey guys! This is my second completed challenge. I had some issues that i don't how to fix yet. I used position absolute for the circles and I tried to stick them to the corners, but when you shrink the screen, the circles move to the center. Is there any way to maintain them into the corners? Any feedback will be really appreciate! I'm just starting so everything can help me. Happy coding:)!
Community feedback
- @AgataLiberskaPosted over 3 years ago
Hi! Well done on this challenge, it looks great!
I think the circles are moving because they're positioned in relation to the section element, and when the edges of that container are moving, the circles are moving with it.
You could try setting the circles relatively to the card, I think I tried to but wasn't 100% happy with the result. The best solution I've seen (and by that I mean one I liked the most and was kicking myself for not thinking of it) put the images as background-image on the body element, and set the background-position using vw and vh as units. I genuinely tried finding it again quite a few times to tag the person and I failed, apologies to that person!
0
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