Merge pull request #300 from vishanurag/gh-pages

Made the help page responsive.

Author: sanjay-kv

styles/help.css

@@ -5,6 +5,7 @@
   font-family: "Poppins", sans-serif;
   flex-direction: column;
   align-items: center;
+  max-width: 100vw !important;
 }
 
 .content-block {
@@ -183,6 +184,41 @@ body.dark-mode .step-box{
   }
 
   @media only screen and (max-width:700px){
+    .content-block {
+      width: 100vw !important;
+      overflow-x: hidden;
+    }
+    .text-section h3 {
+      font-size: 1.5rem;
+      max-width: 40%;
+      transform: translateX(80%);
+    }
+    .text-section p {
+      font-size: 1rem;
+      max-width: 40%;
+      transform: translateX(80%);
+    }
+    .steps-indicator .step-box {
+      transform: translateX(-300%) !important;
+    }
+    .steps-indicator .step-dot {
+      transform: translateX(-1200%) !important;
+    }
+    .steps-indicator .step-line {
+      transform: translateX(-5800%) !important;
+    }
+    
+    .step-block {
+      max-width: 100vw !important;
+      overflow-x: hidden !important;
+    }
+    .img-block img {
+      max-width: 100vw !important;
+      /* background-color: red; */
+    }
+    .content-wrap {
+      width: 100% !important;
+    }
     .step-block{
         flex-direction: column;
     }