feat: Updated UI of Page[Help] (#1323)

* Docs: Updated UI of Page[Help]

* Update custom.css

* Update help.js

Author: JoyelJohny

src/css/custom.css

@@ -9,7 +9,18 @@ html[data-theme='dark'] {
 .wrapper {
   margin: 0 auto;
   max-width: 1100px;
-  padding: 0 20px;
+  padding: 0 70px;
+  margin-top: 30px;
+}
+
+.help-heading-1 {
+  font-size: 3em;
+  margin-bottom: 30px;
+}
+
+.help-heading-2 {
+  font-size: 2.5em;
+  margin: 30px 0;
 }
 
 .center {
@@ -121,16 +132,12 @@ html[data-theme='dark'] {
     padding-bottom: 40px;
     padding-top: 40px;
   }
-
-  .wrapper {
-    max-width: 1400px;
-  }
 }
 
 .mainContainer {
   flex: 1 1 0%;
   max-width: 100%;
-  padding: 40px 0;
+  margin-bottom: 50px;
 }
 
 .mainContainer .wrapper {
@@ -396,6 +403,9 @@ html[data-theme='dark'] {
 }
 
 @media only screen and (max-width: 735px) {
+  .wrapper {
+    padding: 0 20px;
+  }
   .showcaseSection .logos img {
     max-height: 64px;
     padding: 20px;

src/pages/help.js

@@ -61,7 +61,7 @@ export default function Help(props) {
         <div className="mainContainer documentContainer postContainer helpContainer">
           <div>
             <header>
-              <h1>Need help?</h1>
+              <h1 className="help-heading-1">Need help?</h1>
             </header>
             <GridBlock
               contents={supportLinks.slice(0, 3)}
@@ -74,7 +74,7 @@ export default function Help(props) {
               align="left"
             />
             <section>
-              <h2>Buy a Course</h2>
+              <h2 className="help-heading-2">Buy a course</h2>
               <p>
                 Learn how to test JavaScript with{' '}
                 <ExternalLink href="https://kentcdodds.com">
@@ -96,7 +96,7 @@ export default function Help(props) {
               </div>
             </section>
             <header className="postHeader">
-              <h1>Want to help?</h1>
+              <h2 className="help-heading-2">Want to help?</h2>
             </header>
             <p>
               Thanks! The Testing Library maintainers are happy to maintain this