fix: Responsive Layout Enhancement for Quiz Container

[Sanjay-Sahu-Bandla]

Summary of changes

The current layout of the quiz container, which displays the question, options, and submit button, utilizes the w-50 class for a 50% width. While this approach works well on larger screens, it presents usability challenges on mobile devices due to their limited screen real estate.

Implementation

• Removed the w-50 class from the quiz container.
• Added a media query targeting devices with screen widths less than 460px. Within this rule, the container's width is set to 100%, ensuring it occupies the full width of the mobile screen and improves user experience.

Attached full screenshot showing after changing the width to 100% in mobile devices

Checklist

• [x] I have read and followed the contribution guidelines.
• [x] I have read through the Code of Conduct and agree to abide by the rules.
• [x] This PR is for one of the available issues and is not a PR for an issue already assigned to someone else.
• [x] My PR title has a short descriptive name so the maintainers can get an idea of what the PR is about.
• [x] I have provided a summary of my changes.

closes #926