Made CGPA Percentage Calculator responsive

[agastya3636]

Fixes Issue🛠️

Closes #838

Description👨‍💻

Make CGPA Percentage Calculator responsive by making changes in css.

Type of change📄

• Bug fix (non-breaking change which fixes an issue)
• New feature (non-breaking change which adds functionality)

How this has been tested✅

Tested locally.

Checklist✅

• 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
• I have added demonstration in the form of GIF/video file
• I am an Open Source Contributor

Screenshots/GIF📷

[github-actions]

Hey @agastya3636, Welcome to the project CalcDiverse! 🎊
Thanks for your contribution! Your effort makes this project better. Keep it up! 🙌
Please wait for the PR to be reviewed. Happy Coding!! ✨

[netlify]

✅ Deploy Preview for calcdiverse ready!

Name	Link
🔨 Latest commit	32ca14c
🔍 Latest deploy log	https://app.netlify.com/sites/calcdiverse/deploys/6667369d7e931c0008e4a3da
😎 Deploy Preview	https://deploy-preview-1188--calcdiverse.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]

Pls fill all the details in the PR template properly for every PR such as Description👨‍💻, How this has been tested✅ @agastya3636

[agastya3636]

@Rakesh9100 done

[Rakesh9100]

Description👨‍💻 is still empty, make the habit of filling all the details properly @agastya3636

[agastya3636]

@Rakesh9100 Sorry for that from next time I will do properly

[agastya3636]

@Rakesh9100 please review it

[github-actions]

Congrats, Your pull request has been successfully merged 🥳🎉 Thank you for your contribution to my project 🚀 Keep Contributing!! ✨ @agastya3636