resolved blog title text issue, removed redundant .title property and added title attribute to h2 element

Author: shayla-develops-webs

components/containers/Card/Cards.module.scss

@@ -39,7 +39,7 @@
 }
 
 .title {
-  font-family: var(--font-heading);
+  font-family: $font-family-secondary;
   font-weight: bold;
   font-size: 1.75rem;
   color: var(--color-primary-content);
@@ -148,7 +148,6 @@
     margin-bottom: 0.7rem;
     max-height: 7rem;
     overflow: hidden;
-    line-height: unset;
 
     @include tablet {
       font-size: 1.3rem;

components/containers/Card/index.js

@@ -22,7 +22,11 @@ export function Card({ card, cardType = 'default' }) {
         </div>
       )}
 
-      {title && <h2 className={styles.title}>{title}</h2>}
+      {title && (
+        <h2 className={styles.title} title={title}>
+          {title}
+        </h2>
+      )}
 
       {tagList?.length > 0 && (
         <div className={styles.tagContainer}>