Improve Calendar UI Responsiveness for Mobile Devices

[Gowthamimudam]

Enhance the calendar and dashboard layout to work smoothly across mobile, tablet, and desktop screens. Fix spacing, alignment, overflow, and responsiveness issues for better accessibility and usability.

[Gowthamimudam]

hello @Charushi06 ,I'm intrested to work on this issue,please assign me.

[Kaustav2706]

Hello @Charushi06 👋,

I’m a GSSoC 2026 contributor and would love to work on this issue.

I have experience building responsive frontend interfaces using React, TypeScript, Tailwind CSS, and modern UI practices. I’ve worked on several projects where I optimized layouts for mobile, tablet, and desktop screens by fixing issues related to spacing, alignment, overflow, and component responsiveness.

For this issue, I plan to:

• Analyze the current Calendar and Dashboard layouts across different screen sizes.
• Fix horizontal overflow and content clipping issues.
• Improve spacing, padding, and alignment for better visual consistency.
• Optimize grid and flex layouts for mobile and tablet devices.
• Ensure calendar controls, cards, and buttons are touch-friendly.
• Test responsiveness thoroughly using browser developer tools and multiple viewport sizes.
• Maintain the existing design aesthetics while enhancing usability and accessibility.

I will make sure the implementation is clean, reusable, and follows the project’s coding standards.

Please assign this issue to me under GSSoC 2026. I’d be excited to contribute to StudyPlan and deliver a polished responsive UI improvement.

Thank you!