CSS: support mobile devices
parent
0222a7865c
commit
6abfb5611d
|
@ -0,0 +1,17 @@
|
||||||
|
@media (max-width: 768px) {
|
||||||
|
.post {
|
||||||
|
grid-template-columns: auto;
|
||||||
|
grid-template-rows: min(10em, 25vh) auto auto auto;
|
||||||
|
grid-template-areas: "image" "title" "content" "footer";
|
||||||
|
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.post > h2,
|
||||||
|
.post > .post-extract,
|
||||||
|
.post > .post-footer {
|
||||||
|
padding: 0 var(--margin-vertical-content);
|
||||||
|
}
|
||||||
|
|
||||||
|
.post > .post-image { margin: 0; }
|
||||||
|
}
|
|
@ -155,6 +155,7 @@ main {
|
||||||
nav.pagination {
|
nav.pagination {
|
||||||
margin: 5em 0 0 0;
|
margin: 5em 0 0 0;
|
||||||
display: flex;
|
display: flex;
|
||||||
|
flex-wrap: wrap;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
|
|
||||||
|
|
Loading…
Reference in New Issue