half mentors updated, few requires images and description

This commit is contained in:
Mark Perman
2025-08-31 18:28:58 +03:00
parent d6756ed225
commit dace35676f
74 changed files with 3983 additions and 3981 deletions

View File

@@ -1,76 +1,76 @@
#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;
}
}
}
}
}
#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;
}
}
}
}
}