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:
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-50class 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 than460pxscreen width.Attached full screenshot showing the quiz container in a device that has
360pxscreen width: