fix: better responsive styles for the contribute section

newrelic · Aug 14, 2020 · d828a89 · d828a89
1 parent 73775b5
commit d828a89
Showing 1 changed file with 8 additions and 0 deletions.
diff --git 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{' '}