Fix layout issues in Webkit browsers

This commit is contained in:
2018-12-15 17:38:37 +00:00
parent 662507a84a
commit 7632b4058e
7 changed files with 34 additions and 44 deletions

View File

@@ -27,7 +27,8 @@
@media (--viewport-lg) {
.page {
grid-template-columns: 224px 1fr;
grid-template-rows: 60px 134px;
grid-template-rows: 60px 134px 1fr;
grid-auto-rows: auto;
grid-gap: var(--space-md);
padding: 0 var(--space-md);
}
@@ -45,16 +46,15 @@
.page__content,
.page__article {
grid-column-start: 2;
}
.page__content,
.page__article.is-first {
grid-row: span 2;
}
.page__metadata {
grid-column-start: 1;
grid-row: span 2;
}
.page__metadata.is-first {
grid-row: span 1;
}
.page__pagination,