Profile Card Component with a responsive background

Community feedback

• 

  Lucas 👾•104,340

  @correlucasPosted over 2 years ago

  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!

  0

  ---

  

  Rohit Deshpande•870

  @rohitd99Posted over 2 years ago

  @correlucas Hey there thanks for the tips, I'll surely implement those changes as soon as possible.

  1

  

  Rohit Deshpande•870

  @rohitd99Posted over 2 years ago

  @correlucas Hey there I've changed the width and also added a media query so that it is responsive on smaller screens. Please feel free to check , suggest any more changes.

  1

  

  Lucas 👾•104,340

  @correlucasPosted over 2 years ago

  @rohitd99 hey Rohit, happy to hear that works. I saw the live site in my phone and now seems fine. Well done. 👏

  0