Centre home page contents on mobile

2019-01-11 16:47:27 +00:00
parent 14de3f46ad
commit 746bedfbd5
2 changed files with 9 additions and 1 deletions
--- a/css/page.css
+++ b/css/page.css
@@ -23,6 +23,10 @@
  justify-content: center;
 }

+.page__content--centered-md {
+  text-align: center;
+}
+
@media (--viewport-sm) {
  .page {
    grid-template-columns: 112px 1fr;
@@ -58,6 +62,10 @@
  .page__article.is-first {
    grid-row: 2 / span 2;
  }
+
+  .page__content--centered-md {
+    text-align: left;
+  }
 }

@media (--viewport-lg) {