mirror of
https://github.com/Lapikud/lapikud.github.io.git
synced 2026-03-21 04:27:48 +00:00
77 lines
1.2 KiB
SCSS
77 lines
1.2 KiB
SCSS
#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;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|