add responsiveness for all screens

[Krishna100604]

Is there an existing issue for this?

• I have searched the existing issues

Feature Description

added responsive using media query

Use Case

user can use it in mobile as well

Benefits

can be used in mobiles as well

Add ScreenShots

Priority

High

Record

• I have read the Contributing Guidelines
• I'm a GSSOC'24 contributor
• I'm a SSOC'24 contributor
• I have starred the repository

[github-actions]

Hello @Krishna100604 Thank you for creating a new issue! 🎉 Your issue is currently under review.
Please wait till the issue is reviewed and assigned.

[github-actions]

Congratulations, @Krishna100604! 🎉 Thank you for creating your issue. Your contribution is greatly appreciated and we look forward to working with you to resolve the issue. Keep up the great work!

We will promptly review your changes and offer feedback. Keep up the excellent work! Kindly remember to check our contributing guidelines

[Krishna100604]

@apu52 assign me this

[anuragverma108]

@Krishna100604 Assigned!
Make sure to attach before & after screenshots in your PR. Also, star the repo before working on it. While creating your PR, ensure you pull all existing changes beforehand to avoid conflicts.
Happy open-source contributing!

[Krishna100604]

@anuragverma108 i guess i have to fork it again because while PR i am not able to merge cause i worked on old repo so i will fork it again and make changes