Made grid layout responsive

This commit is contained in:
Kevin Nobel
2017-01-12 11:20:44 +01:00
parent a353cfb156
commit 559fe9bb98

View File

@@ -34,18 +34,41 @@
.posts { .posts {
z-index: -1; z-index: -1;
margin-right: 0;
width: calc(100% + 15px);
} }
.post-box { .post-box {
display: inline-flex; display: inline-flex;
width: 250px; margin: 20px 15px 0 0;
margin: 20px 20px 0 0;
padding: 25px; padding: 25px;
background-color: #FFFFFF; background-color: #FFFFFF;
} }
/* fullscreen */
.post-box {
width: calc(25% - 68px);
}
@media only screen and (max-width: 1500px) {
.post-box {
width: calc(50% - 67px);
}
}
/* mobile */
@media only screen and (max-width: 1000px) {
.post-box {
width: calc(100% - 65px);
}
}
.post {
width: 100%;
}
.post img { .post img {
width: 250px; width: 100%;
} }
.post .post-date { .post .post-date {