fix picture display in profile page

This commit is contained in:
imperosol 2024-11-10 16:18:56 +01:00
parent 2a0f2454f4
commit b65ec6463b

View File

@ -130,7 +130,7 @@ main {
width: 50%; width: 50%;
display: flex; display: flex;
flex-direction: row; flex-direction: row;
justify-content: flex-end; justify-content: space-evenly;
@media (max-width: 960px) { @media (max-width: 960px) {
width: 100%; width: 100%;
@ -143,21 +143,14 @@ main {
} }
> .user_profile_pictures_bigone { > .user_profile_pictures_bigone {
flex-grow: 9;
flex-basis: 20em;
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center;
> img { > img {
max-height: 100%; max-height: 100%;
max-width: 100%;
object-fit: contain;
@media (max-width: 960px) { @media (max-width: 960px) {
max-width: 300px; width: 300px;
width: 100%;
object-fit: contain;
} }
} }
} }
@ -169,8 +162,6 @@ main {
justify-content: center; justify-content: center;
align-items: center; align-items: center;
gap: 20px; gap: 20px;
flex-grow: 1;
flex-basis: 14em;
@media (max-width: 960px) { @media (max-width: 960px) {
flex-direction: row; flex-direction: row;