Update certificate titles to use h2 tags and adjust font sizes in CSS

upayanmazumder · Nov 22, 2024 · 9ca6990 · 9ca6990
1 parent 95a8d47
commit 9ca6990
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 4 deletions.
diff --git 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
@@ -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
@@ -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) {