From d9728218893ba775e32fc5feffaaf5f83cb6b9f8 Mon Sep 17 00:00:00 2001
From: ajitsinghkaler <ajitsinghkaler0@gmail.com>
Date: Sat, 11 Apr 2020 11:06:37 +0530
Subject: [PATCH] fix(docs-infra): contribute page not visible correctly on
 mobile devices (#36573)

on mobile devices screen size < 600px the contribute page is not visible in correct form changed styles to make it visible correctly

PR Close #36573
---
 aio/src/styles/2-modules/_contribute.scss | 13 +++++++++++++
 1 file changed, 13 insertions(+)

diff --git a/aio/src/styles/2-modules/_contribute.scss b/aio/src/styles/2-modules/_contribute.scss
index 73cf429502..c6ab9bcc04 100644
--- a/aio/src/styles/2-modules/_contribute.scss
+++ b/aio/src/styles/2-modules/_contribute.scss
@@ -7,13 +7,26 @@
     justify-content: space-between;
     max-width: 880px;
 
+    @media (max-width: 600px) {
+      flex-direction: column;
+    }
+
     > :first-child {
       margin-right: 2rem;
       width: 60%;
+      @media (max-width: 600px) {
+        width: 100%;
+      }
     }
 
     &:last-child {
       margin-bottom: 0;
     }
+
+    .button {
+      @media (max-width: 600px) {
+        margin-top: 14px;
+      }
+    }
   }
 }