Profile card with Tailwind CSS(Purged css)

Solution retrospective
I had a tough time in positioning the top and bottom bg-pattern-*, I tried absolute positioned images, and also background-image both, but none of the approaches scale the image appropriately(increase circle radius) at every screen size so that only corners of the profile card is touched(overlapped) while positioned at the top-left and bottom-right corner(At every screen size, tried using %, vh, vw, but couldn't achieve it perfectly at every screen size) . How you guys approached and solved it? please advice!.
Please log in to post a comment
Log in with GitHubCommunity feedback
No feedback yet. Be the first to give feedback on Nataraj Chakraborty's solution.
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