From d828a89d3559b1fa5eb1cb5c00638123105e8111 Mon Sep 17 00:00:00 2001
From: Jerel Miller <jerelmiller@gmail.com>
Date: Thu, 13 Aug 2020 17:41:41 -0700
Subject: [PATCH] fix: better responsive styles for the contribute section

---
 src/components/RelatedContentModules/Contribute.js | 8 ++++++++
 1 file changed, 8 insertions(+)

diff --git a/src/components/RelatedContentModules/Contribute.js b/src/components/RelatedContentModules/Contribute.js
index dcb780961..267f15cd8 100644
--- a/src/components/RelatedContentModules/Contribute.js
+++ b/src/components/RelatedContentModules/Contribute.js
@@ -30,6 +30,10 @@ const Contribute = ({ pageContext }) => {
         .dark-mode & {
           background-color: var(--color-dark-300);
         }
+
+        @media screen and (max-width: 1240px) {
+          text-align: center;
+        }
       `}
     >
       <Button
@@ -70,6 +74,10 @@ const Contribute = ({ pageContext }) => {
           font-size: 0.75rem;
           display: block;
           text-align: center;
+
+          @media screen and (max-width: 1240px) {
+            margin-top: 1rem;
+          }
         `}
       >
         Read our{' '}