feat: move related content to bottom of content when on smaller screens

newrelic · Jul 30, 2020 · c76eca1 · c76eca1
1 parent 44659b7
commit c76eca1
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 5 deletions.
diff --git a/src/components/PageLayout/PageLayout.js b/src/components/PageLayout/PageLayout.js
@@ -24,7 +24,8 @@ const LAYOUTS = {
     @media (max-width: 1240px) {
       grid-template-areas:
         'page-header'
-        'content';
+        'content'
+        'related-content';
       grid-template-columns: minmax(0, 1fr);
     }
   `,

diff --git a/src/components/PageLayout/RelatedContent.js b/src/components/PageLayout/RelatedContent.js
@@ -32,10 +32,6 @@ const RelatedContent = ({ page }) => {
         position: sticky;
         top: calc(var(--global-header-height) + 2rem);
         align-self: start;
-
-        @media (max-width: 1240px) {
-          display: none;
-        }
       `}
     >
       <h4>Contribute</h4>