Description
The “Choose Avatar” component is not fully responsive on mobile devices. On smaller screens, the layout overflows and elements appear misaligned, impacting usability.
Steps to Reproduce
- Open the application on a mobile device or using browser dev tools with a small viewport.
- Navigate to the “Choose Avatar” screen.
- Observe layout overflow and alignment issues.
Expected Behavior
The “Choose Avatar” component should adapt to mobile screen sizes without overflow. All elements should remain properly aligned and easily tappable.
Actual Behavior
On mobile viewports, the layout breaks:
- Content overflows the screen
- Spacing and alignment are inconsistent
- Interaction feels cramped on smaller screens
Environment
- OS: Android / iOS / macOS (DevTools)
- Browser: Chrome
- Version: Latest
Description
The “Choose Avatar” component is not fully responsive on mobile devices. On smaller screens, the layout overflows and elements appear misaligned, impacting usability.
Steps to Reproduce
Expected Behavior
The “Choose Avatar” component should adapt to mobile screen sizes without overflow. All elements should remain properly aligned and easily tappable.
Actual Behavior
On mobile viewports, the layout breaks:
Environment