OCram85/beautifulSA-jekyll
1
0
Fork 0
Code Issues Pull Requests Projects Releases 1 Wiki Activity

make post images in feed smaller in smaller screens

Browse Source
This commit is contained in:
Dean Attali
2020-07-05 03:53:40 +00:00
parent 23322c281f
commit 43809d04ae
3 changed files with 13 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
assets/css/main.css
View File

@ -484,6 +484,7 @@ footer .footer-custom-content {
}
.post-image {
float: right;
margin-left: 0.625rem;
height: 12rem;
width: 12rem;
margin-top: -2.1875rem;
@ -539,6 +540,14 @@ footer .footer-custom-content {
}
}
@media (max-width: 767px) {
.post-image, .post-image img {
margin-top: 0;
height: 9rem;
width: 9rem;
}
}
@media (max-width: 500px) {
.post-image, .post-image img {
height: 6.25rem;
@ -549,7 +558,8 @@ footer .footer-custom-content {
width: 100%;
text-align: center;
margin-top: 0;
float: left;
margin-left: 0;
float: none;
}
}
/* --- Post and page headers --- */