Updating css of sidebar and app.jsx

[asthanegi14]

Closes: #277

• Title : Updating the CSS of Project cart sections
• Name: : Astha Negi
• Idenitfy yourself: : GSSOC Contributor

Describe the add-ons or changes you've made 📃

I have added styling to the cards so that when you open the sidebar menu, the width of the cards adjusts itself. In small devices, the sidebar overlaps the cards section just like before changes.

Screenshots 📷

Web.Master.Log.-.Website.of.All.type.of.Projects.-.Google.Chrome.2024-06-13.16-40-41.mp4

Type of change ☑️

What sort of change have you made:

• Bug fix (non-breaking change which fixes an issue)
• Code style update (formatting, local variables)

Checklist: ☑️

• My code follows the Contributing Guidelines & Code of Conduct of this project.
• This PR does not contain plagiarized content.
• I have performed a self-review of my own code.
• I have commented my code, particularly wherever it was hard to understand.
• My changes generate no new warnings.

[vercel]

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

Name	Status	Preview	Comments	Updated (UTC)
web-master-log	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Jun 13, 2024 11:30am

[github-actions]

Thank you for submitting your pull request! We'll review it as soon as possible. For further communication, join our discord server https://discord.gg/tSqtvHUJzE.

[asthanegi14]

Hey @Avdhesh-Varshney kindly review this pr.

[Avdhesh-Varshney]

@asthanegi14 LGTM. PR Approved 🎉