Background
The quiz button wrapper currently shrinks to w-auto at the sm breakpoint, making it narrower than expected on small screens. It should remain full-width through sm and only begin shrinking at md.
Expected outcome
The quiz button is 100% width at xs and sm viewports and retains its current sizing at md and above.
Acceptance criteria
Possible solution(s)
- Change
sm:w-auto to md:w-auto on the wrapper div in QuizButton.tsx.
References
apps/web/src/components/sections/QuizButton.tsx
Background
The quiz button wrapper currently shrinks to
w-autoat thesmbreakpoint, making it narrower than expected on small screens. It should remain full-width throughsmand only begin shrinking atmd.Expected outcome
The quiz button is 100% width at xs and sm viewports and retains its current sizing at md and above.
Acceptance criteria
w-fullat xs and smw-autoPossible solution(s)
sm:w-autotomd:w-autoon the wrapper div inQuizButton.tsx.References
apps/web/src/components/sections/QuizButton.tsx