Feat: Make it responsive

[dhruv8433]

Describe the feature

@Satyam1923

when i try to open this web in responsive screen, the design of whole page is changed
we can make it responsive with the help of grid layoyt

Add ScreenShots

Record

• I agree to follow this project's Code of Conduct
• I have checked the existing issues
• I'm a GSSOC'24 contributor
• I want to work on this issue

[github-actions]

Congratulations, @dhruv8433! 🎉 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! As per GSSoC'24 guidelines the person who raises the issue should be assigned for that issue. But if that person doesn't want to work on that issue the first come fist policy is follwed.

We'd also like to invite you to our Discord server! Join us on discord.

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

[pulkit49]

I can help you with that. Please assign me under GSSOC 2024.