Style project thumbnails
This commit is contained in:
parent
b60ccf4763
commit
7dd6e532f2
1 changed files with 22 additions and 2 deletions
|
@ -108,9 +108,29 @@ body.index {
|
||||||
}
|
}
|
||||||
|
|
||||||
#project-thumbnails {
|
#project-thumbnails {
|
||||||
img {
|
margin-top: @container-inset;
|
||||||
max-width: 90%;
|
margin-bottom: @container-inset;
|
||||||
|
.thumbnail {
|
||||||
|
padding: 15px;
|
||||||
|
height: 300px;
|
||||||
|
@media (max-width: @screen-xs-max) {
|
||||||
|
height: 400px;
|
||||||
|
}
|
||||||
|
text-align: center;
|
||||||
|
img {
|
||||||
|
max-width: 100%;
|
||||||
|
@media (min-width: @screen-sm-min) {
|
||||||
|
max-height: 200px;
|
||||||
|
}
|
||||||
|
@media (max-width: @screen-xs-max) {
|
||||||
|
max-height: 275px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
h3 {
|
||||||
|
margin: 10px 0;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
Reference in a new issue