BUG: Public profile page responsivity issues

[Olena-Olenka]

Describe your issue

• Scroll is present in Preferences section of User's card containing only one preference when minimizing window: width 1023 and height 650-1116
• Elements of User's card are overlapping when minimizing the width of page and on tablet 768x1024 screen
• Extra space is present in the bottom part of User's card on tablet screen 1024x1366
• The growth of workout card and activity widgets is not aligned on large screens with width 1600 and more

Steps to reproduce

Pre-condition: User is logged in, his user_id is copied

1. Open Public profile page https://live-in-motion-everyday.com/profile/public/{id} where id is the copied one
2. Check page responsivity with Toggle device tab, including popular tablet devices and screens over 1600 width

What was the actual result?

• Scroll is present in Preferences section of User's card containing only one preference when minimizing window: width 1023 and height 650-1116
• Elements of User's card are overlapping when minimizing the width of page and on tablet 768x1024 screen
• Extra space is present in the bottom part of User's card on tablet screen 1024x1366
• The growth of workout card and activity widgets is not aligned on large screens with width 1600 and more

What was the expected result?

Page adapts responsively to different screen sizes

Put here any screenshots or videos (optional)

What OS are you seeing the problem on?

Windows

What browsers are you seeing the problem on?

Chrome

Severity

Minor (S4)

[nikita-remeslov]

Link PR pls

[Olena-Olenka]

Buttons in the Users card are almost overlapping when screen width is between 1023-767

overlapping.public.mp4

[Olena-Olenka]

Closed as mostly fixed