[BUG] Issue in the responsive behavior resulting in scroll in the x-direction for the smaller screens

[Durgeshwar-AI]

Description

There are some issues in the responsive behavior in the smaller screens as seen that results in the x directional scrolling that i would like to remove for a better user experience. The issue is seen in multiple pages and i would like to address those issues.

Screenshots

Any additional information?

No response

What browser are you seeing the problem on?

Chrome

Checklist

• [X] I have checked the existing issues.
• [X] I have read the Code Of Conduct
• [X] The changes don't break the code
• [X] Please attach the screenshots and video of the development work once it is done

[github-actions[bot]]

Congratulations, @Durgeshwar-AI! 🎉 Thank you for creating your issue. Your contribution is greatly appreciated and we look forward to working with you to resolve the issue. Keep up the great work!

We will promptly review your changes and offer feedback. Keep up the excellent work! Kindly remember to check our contributing guidelines