Sidebar overlay adjusted for mobile view

[Srikar-1729]

Sidebar overlay adjusted for mobile viewing

Related Issue

Closes: #757

Description

I have changed the display width of the overlay so that the layout of the sidebar lies within the background overlay, enabling proper alignment for mobile view.

Before:

Items inside doesn't fit in

Unnecessary extra white space

After:

Corrected display for both:

Type of change

What sort of changes have you made:

• Bug fix (non-breaking change which fixes an issue)
• New feature (non-breaking change which adds functionality)
• Code style update (formatting, local variables)
• Breaking change (fix or feature that would cause existing functionality to not work as expected)
• This change requires a documentation update

Checklist

• My code follows the code style of this project.
• I have followed the contribution guidelines
• I have performed a self-review of my own code.
• I have ensured my changes don't generate any new warnings or errors.
• I have updated the documentation (if necessary).
• I have resolved all merge conflicts.

[vercel]

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

Name	Status	Preview	Comments	Updated (UTC)
skillwise	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Oct 20, 2024 11:22am

[netlify]

✅ Deploy Preview for skillwise ready!

Name	Link
🔨 Latest commit	374c239
🔍 Latest deploy log	https://app.netlify.com/sites/skillwise/deploys/6714e7f24feabc0008363786
😎 Deploy Preview	https://deploy-preview-759--skillwise.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.

[PriyaGhosal]

@Srikar-1729 Your pull request has been successfully merged! Don't stop here—continue contributing by addressing more issues and aiming to become a top contributor. You can also contribute in my another Repository BuddyTrail which is also under Hacktoberfest
Great contribution to HACKTOBERFEST'24! 🎉