Issue: White Space on Right Side of Pages in many other device types

[kaali001]

Description:

There is an issue with the layout of our application where a significant amount of white space appears on the right side of the page, particularly noticeable on various devices and screen sizes. This problem disrupts the user experience by introducing unnecessary horizontal scrolling.

Steps to Reproduce:

• Open the application on a desktop browser and adjust the window size.
• Open the application on a tablet or a mobile device in both portrait and landscape modes.
• Observe the layout and check for white space on the right side of the page.

Expected Behavior:

The application should not display any white space on the right side of the page. The content should be fully responsive and fit within the viewport without causing any horizontal overflow.

Actual Behavior:

On various screen sizes, a white space appears on the right side of the page, causing horizontal scrolling and an unpolished look.

Screenshots:

Record

• I agree to follow this project's Code of Conduct
• I'm a GSSOC'24 contributor
• I want to work on this issue