From 0de595ed969c76e315bb9015fcd68ffdbe0444c4 Mon Sep 17 00:00:00 2001
From: JoyelJohny <joyel2johny@gmail.com>
Date: Fri, 20 Oct 2023 19:02:44 +0530
Subject: [PATCH 1/3] Docs: Updated UI of Page[Help]

---
 src/css/custom.css | 16 ++++++++++------
 src/pages/help.js  | 12 +++++++++---
 2 files changed, 19 insertions(+), 9 deletions(-)

diff --git a/src/css/custom.css b/src/css/custom.css
index 9de16964c..4bd51b4d0 100644
--- a/src/css/custom.css
+++ b/src/css/custom.css
@@ -9,7 +9,12 @@ html[data-theme='dark'] {
 .wrapper {
   margin: 0 auto;
   max-width: 1100px;
-  padding: 0 20px;
+  padding: 0 70px;
+}
+
+.headings {
+  font-size: 50px;
+  margin: 30px 0;
 }
 
 .center {
@@ -121,16 +126,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 +397,9 @@ html[data-theme='dark'] {
 }
 
 @media only screen and (max-width: 735px) {
+  .wrapper {
+    padding: 0 20px;
+  }
   .showcaseSection .logos img {
     max-height: 64px;
     padding: 20px;
diff --git a/src/pages/help.js b/src/pages/help.js
index 5c1ca8dc2..580233cb2 100755
--- a/src/pages/help.js
+++ b/src/pages/help.js
@@ -61,7 +61,9 @@ export default function Help(props) {
         <div className="mainContainer documentContainer postContainer helpContainer">
           <div>
             <header>
-              <h1>Need help?</h1>
+              <h1>
+                <p className="headings">Need help?</p>
+              </h1>
             </header>
             <GridBlock
               contents={supportLinks.slice(0, 3)}
@@ -74,7 +76,9 @@ export default function Help(props) {
               align="left"
             />
             <section>
-              <h2>Buy a Course</h2>
+              <h1>
+                <p className="headings">Buy a course</p>
+              </h1>
               <p>
                 Learn how to test JavaScript with{' '}
                 <ExternalLink href="https://kentcdodds.com">
@@ -96,7 +100,9 @@ export default function Help(props) {
               </div>
             </section>
             <header className="postHeader">
-              <h1>Want to help?</h1>
+              <h1>
+                <p className="headings">Want to help?</p>
+              </h1>
             </header>
             <p>
               Thanks! The Testing Library maintainers are happy to maintain this

From 5b7931e343b63d48ece9cf917979b312646a9903 Mon Sep 17 00:00:00 2001
From: Joyel Johny <81413791+JoyelJohny@users.noreply.github.com>
Date: Sat, 21 Oct 2023 17:13:36 +0530
Subject: [PATCH 2/3] Update custom.css

---
 src/css/custom.css | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

diff --git a/src/css/custom.css b/src/css/custom.css
index 4bd51b4d0..7c519d8fa 100644
--- a/src/css/custom.css
+++ b/src/css/custom.css
@@ -10,10 +10,16 @@ html[data-theme='dark'] {
   margin: 0 auto;
   max-width: 1100px;
   padding: 0 70px;
+  margin-top: 30px;
 }
 
-.headings {
-  font-size: 50px;
+.help-heading-1 {
+  font-size: 3em;
+  margin-bottom: 30px;
+}
+
+.help-heading-2 {
+  font-size: 2.5em;
   margin: 30px 0;
 }
 

From 9233ff7a331a728c1044091c535a8282048da8ec Mon Sep 17 00:00:00 2001
From: Joyel Johny <81413791+JoyelJohny@users.noreply.github.com>
Date: Sat, 21 Oct 2023 17:14:18 +0530
Subject: [PATCH 3/3] Update help.js

---
 src/pages/help.js | 12 +++---------
 1 file changed, 3 insertions(+), 9 deletions(-)

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