Improved Responsiveness of Scrollbar

[gjyotk]

Fixes Issue🛠️

Closes #135

Description👨‍💻

I have made an improvement in the responsiveness of the scrollbar for screen widths of less than 1440px. Currently, for width less than 1440px, double vertical scrollbars appear (a result of content overflowing and not adjusting to smaller screen sizes). I've rectified the relevant query for scrollbar responsiveness in main.css file under assets folder.

Objective:

• Updation in UI to maintain the responsiveness of vertical scrollbar
• Enhance user experience of the website

Type of change📄

• Bug fix (non-breaking change which fixes an issue)

How this has been tested✅

• I have tested the scrollbar's responsiveness for various screen sizes ranging from 100 px to 1440 px in width.

Checklist✅

• My code follows the style guidelines of this project
• I have performed a self-review of my own code
• I have added demonstration in the form of GIF/video file
• I am an Open Source Contributor

Screenshots/GIF📷

[netlify]

✅ Deploy Preview for click-the-edible-game ready!

Name	Link
🔨 Latest commit	9800784
🔍 Latest deploy log	https://app.netlify.com/sites/click-the-edible-game/deploys/653c0238c944c60008df8ce7
😎 Deploy Preview	https://deploy-preview-140--click-the-edible-game.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.

[Rakesh9100]

Congrats on getting your PR merged to this repo under SLoP 3.0 🥳🎉 @gjyotk

[gjyotk]

ThankYou:)

[Rakesh9100]

give @gjyotk 25 points