Profile page is not usable on mobile

[nickvergessen]

How to use GitHub

• Please use the 👍 reaction to show that you are affected by the same issue.
• Please don't comment if you have no relevant information to add. It's just extra noise for everyone subscribed to this issue.
• Subscribe to receive notifications on status change and new comments.

Steps to reproduce

1. Open the profile with a mobile phone

Expected behaviour

Looks at least okay

Actual behaviour

[szaimen]

I've made it work with the following CSS:

@media only screen and (max-width: 1000px) {
.profile__header {
height: 250px !important;
position: unset !important;
}
.profile__header__container {
grid-template-columns: unset !important;
}
.profile__header__container__displayname {
margin: 100px 20px 0px !important;
width: unset !important;
display: unset !important;
}
.profile__header__container__edit-button {
width: fit-content !important;
display: block !important;
margin: 30px auto !important;
}
.profile__content {
display: block !important;
}
.profile__blocks {
width: unset !important;
max-width: 600px !important;
margin: 0 auto !important;
padding: 20px 50px 50px 50px !important;
}
.profile__sidebar {
margin: unset !important;
position: unset !important;
}
}