Solved issue #4969

[Arshia-163]

Related Issue

None

Fixes: #4969

Description

The CSS has been modified to make the calendar elements on the Events page responsive, ensuring they properly adjust and resize to fit smaller screen sizes, particularly in mobile view. The changes address overflow and alignment issues that were affecting the usability and readability of the calendar on devices with smaller screens.
Issue Fixed:

• Problem: The calendar elements on the Events page were not resizing properly on mobile view, causing elements to overflow and misalign.
• Resolution: The footer and calendar-related elements have been adjusted using responsive design techniques to ensure they scale properly on all screen sizes.

Fixed: #4969

Type of PR

• Bug fix
• Feature enhancement
• Documentation update
• Other (specify): _______________

Screenshots / videos (if applicable)

Before:

After:

Checklist:

• I have made this change from my own.
• I have taken help from some online resources.
• My code follows the style guidelines of this project.
• I have performed a self-review of my own code.
• I have commented my code, particularly in hard-to-understand areas.
• My changes generate no new warnings.
• I have tested the changes thoroughly before submitting this pull request.
• I have provided relevant issue numbers and screenshots after making the changes.

[vercel]

Deployment failed with the following error:

Resource is limited - try again in 32 minutes (more than 100, code: "api-deployments-free-per-day").

[github-actions]

Thank you for submitting your pull request! 🙌 We'll review it as soon as possible. In the meantime, please ensure that your changes align with our CONTRIBUTING.md. If there are any specific instructions or feedback regarding your PR, we'll provide them here. Thanks again for your contribution! 😊

[netlify]

✅ Deploy Preview for swapreadsconnect ready!

Name	Link
🔨 Latest commit	476675c
🔍 Latest deploy log	https://app.netlify.com/sites/swapreadsconnect/deploys/6730a3c1edbe58000875f354
😎 Deploy Preview	https://deploy-preview-4979--swapreadsconnect.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.