Bug: Profile information may be obscured by the profile icon at different zoom levels

[lifeadventurer]

Browser: Chrome 128.0.6613.138 (64-bit)
OS: Windows 11

---

Steps to reproduce:

1. Open the user profile page.
2. Adjust the zoom level to less than 100%.
3. Observe that the profile icon overlaps with profile information.

---

Expected behavior: The profile icon should be responsive and adapt to different zoom levels, ensuring that profile information remains fully visible.

---

Example: Below is a demonstration of the account Blameazu. under different zoom levels:

Zoom Level	Screenshot
100%
80%
67%
50%

[tobiichi3227]

OK. We know that.
I think we should restrict the image size to solve this problem.

[lifeadventurer]

It feels strange because restricting the image size might not be the most effective or flexible solution. Instead of restricting, making the profile icon and layout responsive would likely be a better approach. Responsive design adapts to different screen sizes, zoom levels, and resolutions without hard limits, ensuring the content is properly displayed across various devices and settings.

[TailBear1107]

Display scale settings in Windows can also cause the problem, especially if you’re using high DPI monitors. Because Microsoft sets the default scaling for high DPI monitors to greater than 100%. Therefore, restricting the image size might have some problems.

---

OS: Windows 11 bulid 22631.4169
Browser: Chrome 128.0.6613.138 (64bit)
Monitor: 15.6 inches/1920 x 1080 pixels

---

System Default Settings:

---

Example: The browser's zoom level is set to 100%.

Scale percentage	Picture
100%
125%
150%