Fix learn mega heading css (#1303)

stefanjudis · web-flow · commit 727151bfac43 · 2025-06-16T14:29:09.000+02:00
diff --git a/site/layouts/learn/learn-home.html b/site/layouts/learn/learn-home.html
@@ -2,7 +2,7 @@
 <div class="d-flex container-fluid learn py-5">
   <div class="learn-page">
     <article>
-      <h1 class="display-3 w-75">
+      <h1 class="mega-heading">
         {{ if .Params.displayTitle}}
         {{.Params.displayTitle}}
         {{else}}
diff --git a/src/scss/_learn.scss b/src/scss/_learn.scss
@@ -532,6 +532,13 @@
     }
   }
 
+  .mega-heading {
+    font-size: 3.65rem;
+    font-weight: 600;
+    line-height: 1.6;
+    width: 75%;
+  }
+
   @include media-breakpoint-down(md) {
     .learn-page {
       padding: .5rem;
@@ -611,6 +618,11 @@
         }
       }
     }
+
+    .mega-heading {
+      width: 100%;
+      font-size: 2rem;
+    }
   }
 
   @include media-breakpoint-down(sm) {

Original file line number	Diff line number	Diff line change
`@@ -532,6 +532,13 @@`
`532`	`532`	`}`
`533`	`533`	`}`
`534`	`534`
	`535`	`+ .mega-heading {`
	`536`	`+ font-size: 3.65rem;`
	`537`	`+ font-weight: 600;`
	`538`	`+ line-height: 1.6;`
	`539`	`+ width: 75%;`
	`540`	`+ }`
	`541`	`+`
`535`	`542`	`@include media-breakpoint-down(md) {`
`536`	`543`	`.learn-page {`
`537`	`544`	`padding: .5rem;`
`@@ -611,6 +618,11 @@`
`611`	`618`	`}`
`612`	`619`	`}`
`613`	`620`	`}`
	`621`	`+`
	`622`	`+ .mega-heading {`
	`623`	`+ width: 100%;`
	`624`	`+ font-size: 2rem;`
	`625`	`+ }`
`614`	`626`	`}`
`615`	`627`
`616`	`628`	`@include media-breakpoint-down(sm) {`