[Bug] - Quiz Container Requires Responsive Design for Mobile Devices
Sanjay-Sahu-Bandla opened this issue · comments
What bug did you find in the codebase?
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. It would be better to give a 100% width for devices that have less than 460px screen width.
Attached full screenshot showing the quiz container in a device that has 360px screen width:
