mirror of
https://github.com/Lapikud/lapikud.github.io.git
synced 2026-03-21 12:37:49 +00:00
About us views
* added members view * added about us intermediary view * added statute text as view * included placeholder generated favicons with main logo as base * fixed mentors view styles in mobile view * added history view with photos * code style fixes and improvements
This commit is contained in:
74
_sass/history.scss
Normal file
74
_sass/history.scss
Normal file
@@ -0,0 +1,74 @@
|
||||
#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 {
|
||||
height : 150px;
|
||||
width : auto;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
@media (max-width : 900px) {
|
||||
|
||||
#history {
|
||||
|
||||
h1 {
|
||||
font-size : 4rem;
|
||||
}
|
||||
|
||||
.management-for-year {
|
||||
.year {
|
||||
flex-direction : column;
|
||||
|
||||
.person {
|
||||
.img-container {
|
||||
height : 250px;
|
||||
width : 250px;
|
||||
|
||||
img {
|
||||
height : 250px;
|
||||
width : auto;
|
||||
}
|
||||
}
|
||||
|
||||
h5 {
|
||||
font-size : 2.3rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
Reference in New Issue
Block a user