Profile Card Component with HTML and CSS

Solution retrospective
I don't think I have solved the background placing issue. Bubbles on background change positions when screen is resized. Please suggest your way of solving this. Thanks.
Please log in to post a comment
Log in with GitHubCommunity feedback
- @ondickson
I think this is because your card is a little bit smaller. Anyway, I think your solution is very good. Try using this background-position and see if it fixes it
background-position: -2% -25rem, 100% 30rem;
- @VijayalakshmiGanesh
Even I face the same issue. A person suggested me to try positioning those bubbles relative to the card itself instead of body. I haven’t tried it yet. Thought it might be helpful to you
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