Refine certificationHero layout: add gap, remove redundant textAlign and marginBottom

Agent-Logs-Url: https://github.com/recodehive/recode-website/sessions/e8a1aa1c-63a7-43f3-bf81-35c631082398

Author: Copilot

src/pages/badges/github-badges.tsx

@@ -1085,14 +1085,15 @@ const GithubBadgesContent = (): React.ReactElement => {
             display: "flex",
             flexDirection: "column",
             alignItems: "center",
+            gap: "24px",
             borderRadius: "24px",
             padding: "32px",
             width: "100%",
             maxWidth: "900px",
             margin: "0 auto",
           }}
         >
-          <div style={{ textAlign: "center", marginBottom: "24px", width: "100%" }}>
+          <div style={{ textAlign: "center", width: "100%" }}>
             <h2 className={styles.subheading}>🛈 More Information 🛈</h2>
             <p className={styles.paragraph}>
               You can find more information about GitHub Badges under this{" "}
@@ -1121,7 +1122,6 @@ const GithubBadgesContent = (): React.ReactElement => {
                 style={{
                   fontSize: "1.2rem",
                   margin: "16px 0",
-                  textAlign: "center",
                 }}
               >
                 Getting GitHub certified is a strong endorsement of your skills