From b41ce7f6648010c10590c1d3ac6379888b66959e Mon Sep 17 00:00:00 2001
From: MohanKumar HR <mohankumarhr2003@gmail.com>
Date: Sat, 9 Nov 2024 14:43:22 +0530
Subject: [PATCH 1/4] added padding in examples header

---
 styles/global.scss | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/styles/global.scss b/styles/global.scss
index 2671d0e6fa..8084f3ad7c 100644
--- a/styles/global.scss
+++ b/styles/global.scss
@@ -230,7 +230,7 @@ section,
   h2,
   .text-h2 {
     margin-top: var(--gutter-md);
-    margin-bottom: 0px;
+    margin-bottom: var(--gutter-md);
   }
 
   h2,

From a01dcc753264b6052ab6e406dbd9371f26157ae0 Mon Sep 17 00:00:00 2001
From: MohanKumar HR <mohankumarhr2003@gmail.com>
Date: Tue, 19 Nov 2024 21:34:30 +0530
Subject: [PATCH 2/4] modefied padding for h2

---
 src/layouts/CommunityLayout.astro  | 6 +++---
 src/layouts/ContributeLayout.astro | 4 ++--
 src/layouts/ExamplesLayout.astro   | 2 +-
 styles/global.scss                 | 2 +-
 4 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/src/layouts/CommunityLayout.astro b/src/layouts/CommunityLayout.astro
index 5b7666b8c3..abaab99cd3 100644
--- a/src/layouts/CommunityLayout.astro
+++ b/src/layouts/CommunityLayout.astro
@@ -45,7 +45,7 @@ setJumpToState({
 
 <BaseLayout title="Community">
   <section>
-    <h2>{t("Sketches")}<a id="sketches"></a></h2>
+    <h2 class="mb-gutter-md mt-0">{t("Sketches")}<a id="sketches"></a></h2>
     <ul class="content-grid-simple">
       {
         sketches.map((sk, i) => (
@@ -74,7 +74,7 @@ setJumpToState({
   </section>
 
   <section>
-    <h2>{t("Libraries")}<a id="libraries"></a></h2>
+    <h2 class="mb-gutter-md mt-0">{t("Libraries")}<a id="libraries"></a></h2>
     <ul class="content-grid-simple">
       {
         libraries.map((lib) => (
@@ -94,7 +94,7 @@ setJumpToState({
   </section>
 
   <section>
-    <h2>{t("Events")}<a id="events"></a></h2>
+    <h2 class="mb-gutter-md mt-0">{t("Events")}<a id="events"></a></h2>
     <ul class="content-grid-simple">
       {
         events.map((event, i) => (
diff --git a/src/layouts/ContributeLayout.astro b/src/layouts/ContributeLayout.astro
index 567b6a35a2..93d99ccb28 100644
--- a/src/layouts/ContributeLayout.astro
+++ b/src/layouts/ContributeLayout.astro
@@ -53,7 +53,7 @@ setJumpToState({
 
 <BaseLayout title="Contribute">
   <section>
-    <h2 id="docs">{t("Contributor Docs")}</h2>
+    <h2 id="docs" class="mb-gutter-md mt-0">{t("Contributor Docs")}</h2>
     <div
       class="mb-md grid grid-cols-1 gap-x-gutter-sm md:gap-x-gutter-md lg:grid-cols-2"
     >
@@ -81,7 +81,7 @@ setJumpToState({
     </ul>
   </section>
   <section>
-    <h2 id="donate">{t("Donate")}</h2>
+    <h2 id="donate" class="mb-gutter-md mt-0">{t("Donate")}</h2>
     <ul class="content-grid-simple">
       {
         // This is the same markup as in ContributorDocItem
diff --git a/src/layouts/ExamplesLayout.astro b/src/layouts/ExamplesLayout.astro
index 17500df832..f45dc2dfee 100644
--- a/src/layouts/ExamplesLayout.astro
+++ b/src/layouts/ExamplesLayout.astro
@@ -58,7 +58,7 @@ setJumpToState(jumpToState);
   {
     examplesByCategory.map((category, i) => (
       <section class="grid">
-        <h2 class="col-span-full">
+        <h2 class="col-span-full mb-gutter-md mt-0"">
           {category.name} <a id={category.name.toLowerCase()} />
         </h2>
         <ul class="col-span-full content-grid-simple">
diff --git a/styles/global.scss b/styles/global.scss
index 8084f3ad7c..2fe82b3877 100644
--- a/styles/global.scss
+++ b/styles/global.scss
@@ -230,7 +230,7 @@ section,
   h2,
   .text-h2 {
     margin-top: var(--gutter-md);
-    margin-bottom: var(--gutter-md);
+    margin-bottom: 0;
   }
 
   h2,

From 3b6994811da44d79c2fda793cccd6a5e4caf226e Mon Sep 17 00:00:00 2001
From: MohanKumar HR <mohankumarhr2003@gmail.com>
Date: Tue, 19 Nov 2024 21:39:14 +0530
Subject: [PATCH 3/4] modefied padding for h2

---
 styles/global.scss | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/styles/global.scss b/styles/global.scss
index 2fe82b3877..2671d0e6fa 100644
--- a/styles/global.scss
+++ b/styles/global.scss
@@ -230,7 +230,7 @@ section,
   h2,
   .text-h2 {
     margin-top: var(--gutter-md);
-    margin-bottom: 0;
+    margin-bottom: 0px;
   }
 
   h2,

From f4c1f1de107fa868193b06d4960f978f4d767b2b Mon Sep 17 00:00:00 2001
From: MohanKumar HR <mohankumarhr2003@gmail.com>
Date: Tue, 19 Nov 2024 21:52:57 +0530
Subject: [PATCH 4/4] modefied padding for h2

---
 src/layouts/ExamplesLayout.astro | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/layouts/ExamplesLayout.astro b/src/layouts/ExamplesLayout.astro
index f45dc2dfee..688555fc58 100644
--- a/src/layouts/ExamplesLayout.astro
+++ b/src/layouts/ExamplesLayout.astro
@@ -58,7 +58,7 @@ setJumpToState(jumpToState);
   {
     examplesByCategory.map((category, i) => (
       <section class="grid">
-        <h2 class="col-span-full mb-gutter-md mt-0"">
+        <h2 class="col-span-full mb-gutter-md mt-0">
           {category.name} <a id={category.name.toLowerCase()} />
         </h2>
         <ul class="col-span-full content-grid-simple">