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