Profile Card Component with a responsive background

Hello Rohit Deshpande, congratulations for your solution!

I've opened your solution live site and I saw that you've done almost everything, build a good container and match all design requirements. Well done, you've only to fix some minor issues with responsivity.

Here is my tips:

1.Your card is is really well done, but isn't flexible, you've to change the width to max-width in the elements you set the size otherwise your card will not contract in smaller screens.

2.After create a flex container, you can set a media query to change the social-credits, you can set it vertically to save space in tiny screens situation, I'll give you one example of media query. @media (max-width: 300px) {.social-credits {flex-direction: column;}}

The rest is everything fine, you've done the hardest thing that is position the two circles in the background, congrats!

I hope my tips help you and happy coding!