UI Glitch on Profile Page

OpenSat Nov 21 2020, 14:10

UI Misalignment on Profile Page

The profile page has elements overlapping on smaller screens. This may be due to unresponsive CSS. Testing needed across different viewport sizes.

  • Ensure buttons and inputs are accessible.
  • Update CSS to be responsive.

Comments

John Doe commented on Thu Apr 15 2021, 7:55
The profile page looks great on desktop but is a mess on mobile. Buttons are overlapping and inputs are hidden behind images.
Bob Smith commented on Sun Sep 05 2021, 23:28
On smaller screens, the profile photo overlaps with the bio section. It's making the page hard to navigate.
John Doe commented on Fri Mar 11 2022, 17:39
The buttons on the profile page are not properly aligned when viewed on tablets. They end up stacked on top of each other.
Carol Williams commented on Thu Jun 23 2022, 4:05
This issue happens on my phone in portrait mode. In landscape, everything seems fine. Maybe a media query issue?
Bob Smith commented on Thu Feb 09 2023, 9:25
I've noticed this problem only on iPhones. Could it be related to how Safari handles viewport sizing?
John Doe commented on Fri May 26 2023, 13:47
When switching from desktop to mobile, the profile section loses its structure completely. The text boxes are squeezed together.
Bob Smith commented on Mon Aug 21 2023, 21:03
Using Flexbox or CSS Grid might solve the issue. It seems like a problem with the layout not adapting properly.
Carol Williams commented on Sun Mar 03 2024, 18:45
I had to zoom in to click some buttons on my profile page. This issue needs to be addressed for accessibility.