From f0d65d10396fb4f013c9035189331064f21c8948 Mon Sep 17 00:00:00 2001
From: Jerel Miller <jerelmiller@gmail.com>
Date: Wed, 29 Jul 2020 17:05:12 -0700
Subject: [PATCH] feat: hide the related content on a mobile layout

---
 src/templates/GuideTemplate.js | 9 +++++++++
 1 file changed, 9 insertions(+)

diff --git a/src/templates/GuideTemplate.js b/src/templates/GuideTemplate.js
index 749e2562c..91523b101 100644
--- a/src/templates/GuideTemplate.js
+++ b/src/templates/GuideTemplate.js
@@ -56,6 +56,11 @@ const GuideTemplate = ({ data }) => {
           display: grid;
           grid-template-columns: minmax(0, 1fr) auto;
           grid-gap: 2rem;
+
+          @media (max-width: 1240px) {
+            grid-template-columns: minmax(0, 1fr);
+            grid-gap: 0;
+          }
         `}
       >
         <MDXContainer>{body}</MDXContainer>
@@ -65,6 +70,10 @@ const GuideTemplate = ({ data }) => {
             position: sticky;
             top: calc(var(--global-header-height) + 2rem);
             align-self: start;
+
+            @media (max-width: 1240px) {
+              display: none;
+            }
           `}
         />
       </div>