Bug Report : User profile page is not responsive for mobile screens

[MahendraDani]

Describe the bug

• The user details page is not responsive for mobile screens.
• The profile details overflow with the profile image icon
• The main, organizations, events sections are not readable.

To Reproduce
Steps to reproduce the behavior:

1. Login as admin
2. Go to organization dashboard
3. Click on user details by scrolling to bottom of sidebar
4. Inspect the website for responsive viewports.

Expected behavior

• The user details page should be responsive and readable.

Actual behavior

• The user details page is not responsive for mobile view and the details overflow over profile image

Screenshots

screen-capture.9.1.mp4

Additional details
I would like to work on this issue.

Potential internship candidates
Please read this if you are planning to apply for a Palisadoes Foundation internship PalisadoesFoundation/talawa#359

[github-actions]

Congratulations on making your first Issue! 🎊 If you haven't already, check out our Contributing Guidelines and Issue Reporting Guidelines to ensure that you are following our guidelines for contributing and making issues.

[MahendraDani]

@aashimawadhwa I would like to work on this issue

[aashimawadhwa]

@rishav-jha-mech @noman2002

[palisadoes]

@rishav-jha-mech will provide his input by the weekend.

[noman2002]

@MahendraDani Reduce the size of avatar as per screen size.

[MahendraDani]

@MahendraDani Reduce the size of avatar as per screen size.

Yes.