Merge branch 'main' into code-scanning-faq-fix

Author: joshjohanning

components/guides/ArticleCard.tsx

@@ -15,7 +15,7 @@ export const ArticleCard = ({ tabIndex, card, typeLabel }: Props) => {
       className="d-flex col-12 col-md-4 pr-0 pr-md-6 pr-lg-8"
     >
       <a className="no-underline d-flex flex-column py-3 border-bottom" href={card.href}>
-        <h4 className="h4 color-fg-default mb-1" dangerouslySetInnerHTML={{ __html: card.title }} />
+        <h3 className="h4 color-fg-default mb-1" dangerouslySetInnerHTML={{ __html: card.title }} />
         <div className="h6 text-uppercase" data-testid="article-card-type">
           {typeLabel}
         </div>

components/guides/GuidesHero.tsx

@@ -63,7 +63,7 @@ export const GuidesHero = () => {
                 >
                   <StarFillIcon size={24} />
                 </div>
-                <h3 className="text-semibold my-4">{featuredTrack.title}</h3>
+                <h2 className="text-semibold my-4 f3">{featuredTrack.title}</h2>
                 <div className="f5 my-4">{featuredTrack.description}</div>
                 {featuredTrack.guides && (
                   <Link

components/guides/LearningTrack.tsx

@@ -32,11 +32,11 @@ export const LearningTrack = ({ track }: Props) => {
         <div className="Box-header color-bg-subtle p-4 d-flex flex-1 flex-items-start flex-wrap">
           <div className="d-flex flex-auto flex-items-start col-8 col-md-12 col-xl-8">
             <div className="my-xl-0 mr-xl-3">
-              <h5 id={slug} className={cx('mb-3 color-text f3 text-semibold', styles.hashAnchor)}>
+              <h3 id={slug} className={cx('mb-3 color-text f3 text-semibold', styles.hashAnchor)}>
                 <a className="color-unset" href={`#${slug}`}>
                   {track?.title}
                 </a>
-              </h5>
+              </h3>
               <TruncateLines as="p" maxLines={3} className="color-text">
                 {track?.description}
               </TruncateLines>
@@ -99,8 +99,8 @@ export const LearningTrack = ({ track }: Props) => {
                         className="rounded-0 pl-7 py-4 width-full d-block Box-row d-flex flex-items-center color-fg-default no-underline"
                         href={`${guide.href}?learn=${track?.trackName}&learnProduct=${track?.trackProduct}`}
                       >
-                        <h5
-                          className="flex-auto pr-2"
+                        <h4
+                          className="flex-auto pr-2 f5"
                           dangerouslySetInnerHTML={{ __html: guide.title }}
                         />
                         <div className="color-fg-muted h6 text-uppercase flex-shrink-0">

components/landing/ProductReleases.tsx

@@ -26,7 +26,7 @@ export function ProductReleases() {
           return (
             <div key={releaseNumber} className="col-lg-4 col-12 mb-4">
               <div className="Box color-shadow-medium height-full d-block hover-shadow-large no-underline color-fg-default p-5">
-                <h2>{allVersions[releaseVersion].versionTitle}</h2>
+                <h3 className="f2">{allVersions[releaseVersion].versionTitle}</h3>
                 <p className="mt-2 mb-4 color-fg-muted">
                   <ListUnorderedIcon />{' '}
                   <Link