Frontend: Fix The Responsiveness Of Home Page

[asmit27rai]

Fix The Responsiveness Of Home Page

Fixes #101

Description

1. Adjust CSS to enhance homepage responsiveness for mobile views.
2. Update modal CSS for improved responsiveness across different screen sizes.

How to Test

1. Run 'npm run dev ' in frontend.
2. Open in browser.
3. Inspect Responsiveness.

Checklist

• [x] I have tested these changes locally.
• [x] I have reviewed the code and ensured it follows the project's coding guidelines.
• [ ] I have updated the documentation, if necessary.
• [ ] I have assigned reviewers to this pull request.

Screenshots (if applicable)

[vercel[bot]]

@asmit27rai is attempting to deploy a commit to the Shivansh Bhatanagar's projects Team on Vercel.

A member of the Team first needs to authorize it.

[asmit27rai]

@shivansh-bhatnagar18 Due To Some Issue In my previous pull request i had to close it. Now, Merge Conflicts is resolved.

[vercel[bot]]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
multiplayer-uno	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Jun 20, 2024 11:29am

[shivansh-bhatnagar18]

@asmit27rai the merge conflicts are still not resolved yet.

[kuv2707]

Closing as outdated