From cf1d2966da418535ab53826fa51c73ac51290f09 Mon Sep 17 00:00:00 2001
From: Hyejin Yoon <0327jane@gmail.com>
Date: Wed, 25 Sep 2024 12:14:28 +0900
Subject: [PATCH] fix: fix broken global style (#11470)

---
 .../championqualitycardssection.module.scss   |  6 +++
 .../ChampionQualityCardsSection/index.js      |  2 +-
 docs-website/src/pages/champions/index.js     |  2 +-
 docs-website/src/styles/global.scss           | 40 +++++++++----------
 4 files changed, 28 insertions(+), 22 deletions(-)

diff --git a/docs-website/src/pages/champions/_components/ChampionQualityCardsSection/championqualitycardssection.module.scss b/docs-website/src/pages/champions/_components/ChampionQualityCardsSection/championqualitycardssection.module.scss
index 9601938b07709..cb632fee5a0c2 100644
--- a/docs-website/src/pages/champions/_components/ChampionQualityCardsSection/championqualitycardssection.module.scss
+++ b/docs-website/src/pages/champions/_components/ChampionQualityCardsSection/championqualitycardssection.module.scss
@@ -1,3 +1,9 @@
+.subtitle {
+    font-size: 1.7rem;
+    font-weight: 500;
+    margin: 1.5rem 0;
+}
+
 .section {
     margin: 2rem 3rem 3rem 3rem;
 }
diff --git a/docs-website/src/pages/champions/_components/ChampionQualityCardsSection/index.js b/docs-website/src/pages/champions/_components/ChampionQualityCardsSection/index.js
index 9caed95973dc0..2890cd7838112 100644
--- a/docs-website/src/pages/champions/_components/ChampionQualityCardsSection/index.js
+++ b/docs-website/src/pages/champions/_components/ChampionQualityCardsSection/index.js
@@ -6,7 +6,7 @@ import { CodeTwoTone, HeartTwoTone, SoundTwoTone } from "@ant-design/icons";
 const ChampionQualityCardsSection = () => {
   return (
     <div>
-    <h2>Our Champions...</h2>
+    <div class={clsx(styles.subtitle)}>Our Champions...</div>
     <div class={clsx("row section", styles.section)}>
       <div class={clsx("card col col-4", styles.card)}>
         <div class="card-body">
diff --git a/docs-website/src/pages/champions/index.js b/docs-website/src/pages/champions/index.js
index b544defc47448..79ecf915e174d 100644
--- a/docs-website/src/pages/champions/index.js
+++ b/docs-website/src/pages/champions/index.js
@@ -372,7 +372,7 @@ function Champion() {
           <div className="hero__content">
             <div>
               <HeroImage /> 
-              <h1>DataHub Champions</h1>
+              <div className="hero__title">DataHub Champions</div>
               <p className="hero__subtitle">
                 Recognizing community members who have made exceptional contributions to further the collective success of DataHub.              
               </p>
diff --git a/docs-website/src/styles/global.scss b/docs-website/src/styles/global.scss
index 701db3bc6ac88..374958e096fa6 100644
--- a/docs-website/src/styles/global.scss
+++ b/docs-website/src/styles/global.scss
@@ -262,26 +262,26 @@ div[class^="announcementBar"] {
 
 /* Hero */
 
-// .hero {
-//   padding: 5vh 0;
-
-//   .hero__subtitle {
-//     font-size: 1.25em;
-//     max-width: 800px;
-
-//     img {
-//       vertical-align: middle;
-//       margin-top: -0.3em;
-//     }
-//   }
-
-//   .hero__content {
-//     text-align: center;
-//     padding: 2rem 0;
-//     height: 100%;
-//     display: flex;
-//   }
-// }
+.hero {
+  padding: 5vh 0;
+
+  .hero__subtitle {
+    font-size: 1.25em;
+    max-width: 800px;
+    display: inline-block;
+
+    img {
+      vertical-align: middle;
+      margin-top: -0.3em;
+    }
+  }
+
+  .hero__content {
+    text-align: center;
+    padding: 2rem 0;
+    height: 100%;
+  }
+}
 
 /* Sidebar Menu */