Move big margin to main instead of h1

tylermercer · Sep 22, 2024 · 5df7764 · 5df7764
1 parent f22fc00
commit 5df7764
Showing 1 changed file with 7 additions and 2 deletions.
diff --git a/src/styles/base.scss b/src/styles/base.scss
@@ -37,11 +37,13 @@ h1 {
 }
 
 h2 {
+    margin-top: 2em;
     font-size: var(--step-3);
     line-height: var(--lh-3);
 }
 
 h3 {
+    margin-top: 2em;
     font-size: var(--step-2);
     line-height: var(--lh-2);
 }
@@ -59,7 +61,6 @@ h3,
 h4,
 h5,
 h6 {
-    margin-top: 2em;
     margin-bottom: 0;
     color: var(--primary-500);
     text-wrap: pretty;
@@ -142,4 +143,8 @@ ol {
 
 li {
     margin-top: 1.5em;
-}
+}
+main {
+    margin-top: calc(2 * var(--step-5));
+    margin-bottom: calc(2 * var(--step-5));
+}