You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
76 lines
1.2 KiB
76 lines
1.2 KiB
#mentors { |
|
|
|
.mentor { |
|
display : flex; |
|
width : 100%; |
|
flex-direction : row; |
|
margin : 4rem auto; |
|
|
|
.photo-container { |
|
flex : 1; |
|
|
|
img { |
|
display : block; |
|
height : auto; |
|
width : 100%; |
|
margin-top : 2rem; |
|
} |
|
} |
|
|
|
.description { |
|
flex : 2; |
|
|
|
display : flex; |
|
flex-direction : row; |
|
|
|
* { |
|
margin : 0.1rem 0; |
|
} |
|
|
|
h1, h4 { |
|
margin : 1rem 0; |
|
} |
|
|
|
.general { |
|
flex : 2; |
|
margin : 0 3rem; |
|
} |
|
|
|
.varia { |
|
flex : 3; |
|
margin : 1rem 3rem 0; |
|
} |
|
} |
|
|
|
.mentor-info-text { |
|
flex : 3; |
|
display : flex; |
|
flex-direction : column; |
|
padding-left : 5rem; |
|
padding-right : 3rem; |
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
@media (max-width : 900px) { |
|
#mentors { |
|
.mentor { |
|
flex-direction : column; |
|
|
|
.description { |
|
flex-direction : column; |
|
.general, .varia { |
|
margin : 0; |
|
} |
|
} |
|
.photo-container { |
|
img { |
|
max-height : 75vh; |
|
max-width : 75vh; |
|
} |
|
} |
|
} |
|
} |
|
}
|
|
|