Quiz Ui Redesign

[KrishChothani]

🛠️ Fixes Issue

Closes #7

👨‍💻 Description

• Enhanced the quiz component's CSS using Tailwind CSS for better typography, spacing, and responsiveness.
• Improved the form elements' layout, ensuring a better user experience on both desktop and mobile devices.
• Added fallbacks for quiz title and question in case of missing data, providing a more robust application flow.
• Optimized the layout to fill the entire viewport using min-h-screen and ensured the form and buttons are mobile-responsive with w-full and flexible padding.
• Added smooth transitions and hover effects for buttons to give it a more interactive feel.

📄 Type of Change

• Improve Responsiveness

📷 Screenshots

After

✅ Checklist

• I am a participant of GSSoC/HacktoForest.
• I have followed the contribution guidelines of this project.
• My changes enhance the CSS and responsiveness of the application.
• I have added documentation or screenshots to explain my changes.
• My changes generate no new warnings or errors.

🤝 GSSoC & HacktoForest Participation

• This PR is submitted under GSSoC.
• This PR is also submitted under HacktoForest Open Source Contribution.

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
dypcetclubs-live	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Oct 11, 2024 2:20pm

[KrishChothani]

I Redesign quiz UI #7
You can check it.

[KrishChothani]

Please assign good level as you say "After seen your work"

[Yash-Ainapure]

Thanks for your contribution