🐛: Responsive layout issues on login and signup pages

[archangel2006]

🔍 Description

The login and signup pages are functional but are not fully responsive across different screen sizes and device types. Certain layout elements may not adapt optimally to smaller viewports.

✅ Expected Behavior

The login and signup pages should provide a responsive layout and consistent user experience across mobile, tablet, and desktop devices.

Acceptance Criteria

• Authentication pages render correctly across supported viewport sizes.
• Layout elements scale and align appropriately on mobile and tablet devices.
• No unnecessary horizontal scrolling is introduced.
• Form controls remain accessible and usable across all supported screen sizes.

📷 Screenshots / 🎥 Video

📄 Affected Page(s)

• Home Page
• Alerts & Risks
• Disaster Coordination
• Evacuation Safety
• Community
• Disaster Updates
• Get Educated
• Get Involved
• AI Assistant
• Others (mention)

💻 Environment

All devices

💬 Additional Info

Please include a video demonstration of the implemented changes in the PR to verify responsiveness across supported screen sizes and devices.

📞 Contact

• Project Maintainer

[zulikha-star]

@archangel2006 i would like to work on this issue, please assign it to me

[MamidiDhana]

Hi @archangel2006,

I'm an SSoC'26 contributor and would like to work on this issue.

I reviewed the issue and understand the responsiveness problems on the login and signup pages. My approach will be to identify the layout issues across mobile, tablet, and desktop viewports, improve responsiveness without affecting the existing design, and ensure there is no horizontal scrolling while maintaining accessibility and a consistent user experience.

I'll thoroughly test the changes on different screen sizes and include a demonstration video in my PR as requested.

If this issue is still available, could you please assign it to me?

Thank you!