From 9ca6990cea1e8a4e0e2ac10d5434f46f3f0a23c0 Mon Sep 17 00:00:00 2001
From: upayanmazumder <upayanm3@gmail.com>
Date: Fri, 22 Nov 2024 22:10:32 +0530
Subject: [PATCH] Update certificate titles to use h2 tags and adjust font
 sizes in CSS

---
 app/src/components/certificate/certificate.module.css   | 1 +
 app/src/components/certificates/certificates.js         | 2 +-
 app/src/components/certificates/certificates.module.css | 6 +++---
 3 files changed, 5 insertions(+), 4 deletions(-)

diff --git a/app/src/components/certificate/certificate.module.css b/app/src/components/certificate/certificate.module.css
index 61cae5af..266749ec 100644
--- a/app/src/components/certificate/certificate.module.css
+++ b/app/src/components/certificate/certificate.module.css
@@ -30,6 +30,7 @@
 .certificateDetailContainer h2 {
     margin-bottom: 10px;
     cursor: default;
+    font-size: 1.5rem;
 }
 
 .certificateDetailContainer p {
diff --git a/app/src/components/certificates/certificates.js b/app/src/components/certificates/certificates.js
index 60cdba35..e12b33a2 100644
--- a/app/src/components/certificates/certificates.js
+++ b/app/src/components/certificates/certificates.js
@@ -7,7 +7,7 @@ const Certificates = () => {
         <div className={certificateStyles.certificatesContainer}>
             {certificates.map((certificate, index) => (
                 <div key={index} className={certificateStyles.certificateCard}>
-                    <h3>{certificate.title}</h3>
+                    <h2>{certificate.title}</h2>
                     <a href={`/certificates/${createSlug(certificate.title)}#image`}>
                         <img src={certificate.path} alt={`${certificate.title} certificate`} />
                     </a>
diff --git a/app/src/components/certificates/certificates.module.css b/app/src/components/certificates/certificates.module.css
index 3e338b15..703d7f76 100644
--- a/app/src/components/certificates/certificates.module.css
+++ b/app/src/components/certificates/certificates.module.css
@@ -25,9 +25,9 @@
     box-shadow: 0 8px 24px rgba(0, 0, 0, 0.8);
 }
 
-.certificateCard h3 {
+.certificateCard h2 {
     color: #a0cfff;
-    font-size: 1.5rem;
+    font-size: 1.5em;
     margin-bottom: 10px;
     text-align: center;
 }
@@ -58,7 +58,7 @@
     padding: 5px 10px;
     margin: 5px;
     border-radius: var(--border-radius-small);
-    font-size: 0.8rem;
+    font-size: 0.8em;
 }
 
 @media (max-width: 768px) {