Make Website Responsive for Every Screen Size

[omChauhanDev]

Improve the overall responsiveness of the whole website, make it perfect for every screen size.

To Reproduce
Steps to reproduce the behavior:

1. Go to website
2. Do Sign up/ Log in
3. Go inspect element
4. Try to change the dimensions of the screen.

Expected behavior
The expected outcome is the perfect website for every type of screen from small mobile to large monitors. No component/content should overflow or get cut in any screen size.

Screenshots
Few screenshots to illustrate the problem:-

1. When screen size = 1024px x 865px --> Common Screen Size
   

2. In iPhone 12 pro
   

3. In iPad air --> We can clearly see that the content is not fully visible (it got translated to top)
   

4. Again, the text got cut inside user Setting tab --> Screen size Laptop: 1024px x 865px
   

**Desktop: **

• OS: Window 11
• Browser: Edge
• Version 119.0.2151.58 (Official build) (64-bit)

[github-actions]

Hello 👋🏻 @om-chauhan1! Thankyou for creating an issue!

[omChauhanDev]

I am working on this issue. If anyone wants to share their thoughts then feel free, as all the suggestions or recommendations are highly appreciated.

[github-actions]

This issue is stale because it has been open for 30 days with no activity.

[riyaaaa123]

hey, if the issue isn't solved yet, can i please work on it?

[github-actions]

This issue is stale because it has been open for 30 days with no activity.

[github-actions]

This issue is stale because it has been open for 30 days with no activity.

[github-actions]

This issue was closed because it has been inactive for 14 days since being marked as stale.