[Bug]: Responsiveness Problems with Newsletter Popup and Hero Section

[rajveeerr]

Is there an existing issue for this?

• [X] I have searched the existing issues

What happened?

1. Newsletter Popup: • The popup is not responsive on mobile devices. • The heading is clipping and overflowing, causing layout issues. • The overall design doesn’t fit well on smaller screens.

2. Hero Section: • The hero section is also not responsive. • The heading is overlapping with the image, making it difficult to read and visually unappealing.

Add Screenshots / Video Clip

What browsers are you seeing the problem on?

Firefox, Chrome, Safari, Microsoft Edge

Agreements

• [X] I agree to follow this project's Code of Conduct
• [X] I'm a GSSoC contributor
• [X] I'm a Hacktoberfest contributor
• [X] I want to work on this issue [Optional]
• [X] I'm willing to provide further clarification or assistance if needed.

[github-actions[bot]]

Thank you for creating this issue! 🎉 Your issue will soon be reviewed by either the PA or a mentor. Please note that Level 1 is temporary and can be changed during the review. In the meantime, please make sure to provide all the necessary details and context. If you have any questions or additional information, feel free to add them here. Your contributions are highly appreciated! 😊

You can also check our CONTRIBUTING.md for guidelines on contributing to this project.