Privacy Policy Page: Non-Responsive on Mobile Devices

[rajveeerr]

Current behaviour

The privacy policy page is currently experiencing multiple issues on mobile devices:

1.	Overflow Issue: There is significant overflow in the Y direction, causing unnecessary scrolling and making it difficult to navigate through the page content.
2.	Content Visibility: The contents are only half visible on some screens, likely due to improper layout settings, causing an awkward and incomplete view.
3.	Excessive Padding: There is a lot of padding around the elements, which makes the page look bad on mobile devices, contributing to a poor user experience.

Expected behaviour

Expected Behavior: The page should be fully responsive, with all content visible and appropriately styled on smartphones. Padding should be minimal and consistent with mobile design standards to enhance readability and usability.

Reproduction steps

        1.     Open the privacy policy page on a smartphone (or use developer tools to simulate a mobile device).
	2.	Observe the Y-axis overflow, causing excess scrolling.
	3.	Notice that parts of the content are cut off or only partially visible.
	4.	Inspect the padding around various elements; there is excessive padding making the layout look awkward on smaller screens.

Screenshots

Browsers

All Browsers

OS

No response

Are you contributing for a program ?

GSSoC23

Checklist

• I have checked the existing issues
• I have read the Contributing Guidelines
• I am willing to work on this issue (optional)
• I am a GSSoC'23 contributor

[github-actions]

Hello @rajveeerr!
Thank you for raising this issue.

Please make sure to follow our Contributing Guidelines.
Don't forget to ⭐ our Imagine AI.

Our review team will carefully assess the issue and reach out to you soon!
We appreciate your patience!

[github-actions]

To reduce notifications, issues are locked. Your issue will be unlocked when we add the label, gssoc23.