Background Image overflown
code - https://github.com/abhi-zero/profile-card-component
preview- https://github.com/abhi-zero/profile-card-component
I need some help with the Frontend Mentor project I'm working on, called "Profile Section." The task is to create a card displaying profile details and add two circles in the background—one in the top left (a quad-circle) and another in the bottom right. However, I'm facing an issue with the second circle. Despite using overflow: hidden on both the wrapper and the body, the second circle isn't displaying correctly, and a scrollbar keeps appearing.
When I open it on desktop, it works, but when I open the developer tools or view it on mobile, the issue appears again
I’d appreciate any advice on how to fix this! Thanks!
preview- https://github.com/abhi-zero/profile-card-component
I need some help with the Frontend Mentor project I'm working on, called "Profile Section." The task is to create a card displaying profile details and add two circles in the background—one in the top left (a quad-circle) and another in the bottom right. However, I'm facing an issue with the second circle. Despite using overflow: hidden on both the wrapper and the body, the second circle isn't displaying correctly, and a scrollbar keeps appearing.
When I open it on desktop, it works, but when I open the developer tools or view it on mobile, the issue appears again
I’d appreciate any advice on how to fix this! Thanks!
GitHub
Contribute to abhi-zero/profile-card-component development by creating an account on GitHub.
