fix(page): style on header

3 years ago · 4badd173ba
1 changed files with 11 additions and 9 deletions
--- a/styles/components/page.scss
+++ b/styles/components/page.scss
@ -29,26 +29,26 @@
    width: 100%;
    max-width: 768px;
    margin: 0 auto;
+    padding: 2rem 0;

    h1 {
        max-width: 500px;
-        margin: 0 auto 0.66rem auto;
+        margin: 0;
+        margin-bottom: 0.66rem;
+    }
+
+    h3 {
+        margin-bottom: 0;
    }

    &__date {
        color: $color-text-dark;
-
        @media (prefers-color-scheme: light) {
            color: $color-text-light;
        }
    }
 }
-.page__info h1 {
-    margin-bottom: 0.66rem;
-}
-.page__info h3 {
-    margin-bottom: 0;
-}
+
 .page__body a {
    text-decoration: underline;
    padding-bottom: 1.5rem;
@ -113,7 +113,9 @@
    }
    .page__info {
        text-align: center;
-        padding: 2rem 0;
+        h1 {
+            margin: 0 auto 0.66rem auto;
+        }
    }
    .page__footer {
        padding: 2.25rem;