Profile Card Component Main

Solution retrospective
I don't know what the righ unit and breakpoints to make the circle background responsive. Need your help.
Please log in to post a comment
Log in with GitHubCommunity feedback
- @luibernip
Hello @Dev Monkey,
As a suggestion you could position both circles without touching its width. Use % but instead of using a negative percentage for the x-axis, use a positive % by using oposite side:
.img-top { position: absolute; z-index: -99; top: -50%; right: 50%; } .img-bottom{ position:absolute; z-index:-99%; bottom: -50%; left: 50%; }
Hope this recommendation works for what you are trying to achieve. Have a great day!
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