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.
75 lines
1.2 KiB
75 lines
1.2 KiB
#history { |
|
|
|
.management-for-year { |
|
display : flex; |
|
flex-direction : column; |
|
|
|
.year { |
|
display : flex; |
|
flex-direction : row; |
|
justify-content : center; |
|
flex-wrap : wrap; |
|
|
|
.person { |
|
display : flex; |
|
flex-direction : column; |
|
align-items : center; |
|
margin : 0 2rem; |
|
|
|
h5 { |
|
margin-top : 0.5rem; |
|
} |
|
.img-container { |
|
height : 150px; |
|
width : 150px; |
|
display : flex; |
|
justify-content : center; |
|
align-items : center; |
|
overflow : hidden; |
|
|
|
img { |
|
width : 150px; |
|
height : auto; |
|
} |
|
|
|
} |
|
|
|
} |
|
} |
|
} |
|
|
|
} |
|
|
|
@media (max-width : 900px) { |
|
|
|
#history { |
|
|
|
h1 { |
|
font-size : 4rem; |
|
} |
|
|
|
.management-for-year { |
|
.year { |
|
flex-direction : column; |
|
|
|
.person { |
|
.img-container { |
|
height : 200px; |
|
width : 200px; |
|
|
|
img { |
|
height : auto; |
|
width : 200px; |
|
|
|
} |
|
} |
|
|
|
h5 { |
|
font-size : 2.3rem; |
|
} |
|
} |
|
} |
|
} |
|
} |
|
|
|
}
|
|
|