forked from lapikud/lapikud.github.io
66fb3ca306
* added and cleaned up our work section items, descriptions * added new images for our work section * removed URLs from our work view * added proper page titles
68 lines
962 B
SCSS
68 lines
962 B
SCSS
#ourwork-banner {
|
|
margin : 5rem 0;
|
|
|
|
a {
|
|
display : flex;
|
|
justify-content : center;
|
|
}
|
|
|
|
}
|
|
|
|
#ourwork-done {
|
|
|
|
.work-item {
|
|
padding : 1rem;
|
|
margin : 7rem 0;
|
|
display : flex;
|
|
flex-direction : row;
|
|
max-height : 75vh;
|
|
|
|
.description {
|
|
flex : 2;
|
|
|
|
h3 {
|
|
overflow : hidden;
|
|
text-overflow : ellipsis;
|
|
}
|
|
}
|
|
|
|
.thumbnail {
|
|
flex : 3;
|
|
display : flex;
|
|
justify-content : center;
|
|
align-items : center;
|
|
}
|
|
|
|
img {
|
|
display : block;
|
|
width : auto;
|
|
height : auto;
|
|
max-height : 50vh;
|
|
}
|
|
|
|
h2, h3 {
|
|
text-align : center;
|
|
margin-bottom : 0.3rem;
|
|
}
|
|
|
|
}
|
|
}
|
|
|
|
@media (max-width : 900px) {
|
|
|
|
#ourwork-done {
|
|
|
|
.work-item {
|
|
flex-direction : column;
|
|
max-height : none;
|
|
}
|
|
}
|
|
|
|
#ourwork-banner {
|
|
h1 {
|
|
font-size : 3.6rem;
|
|
}
|
|
|
|
}
|
|
}
|