feat: Ensure header/footer line up with content by adding some padding

newrelic · Jun 16, 2020 · 686e9ef · 686e9ef
1 parent a320069
commit 686e9ef
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 0 deletions.
diff --git a/src/components/Footer.module.scss b/src/components/Footer.module.scss
@@ -3,6 +3,10 @@
   color: var(--color-teal-300);
   padding: 1.5rem 0;
   font-size: 0.75rem;
+
+  :global(.site-container) {
+    padding: 0 2rem;
+  }
 }
 
 .container {

diff --git a/src/components/Header.module.scss b/src/components/Header.module.scss
@@ -13,6 +13,10 @@
     );
   }
 
+  :global(.site-container) {
+    padding: 0 2rem;
+  }
+
   .hamburgerMenu {
     display: none;
     grid-area: menu;