BUG:Fix the Quize box aligned

[biswajit-sarkar-007]

Preliminary Check

• I have searched the existing issues
• This issue is reproducible

Bug Summary

in your quiz page the quiz box have not proper hover effect most of everything is not proper aligned i want to fix this by making this quiz page more enhancing

Steps to Reproduce

go to the Quiz page hover the quiz box

Expected Behavior

Screenshots/Logs

Additional Information

• I agree to follow this project's Code of Conduct
• I'm a GSSOC'24 contributor
• I want to work on this issue
• I can provide more details if needed

[github-actions]

👋 Thanks for opening this issue! We appreciate your contribution. Please make sure you’ve provided all the necessary details and screenshots, and don't forget to follow our Guidelines and Code of Conduct. Happy coding! 🚀