#301 added clamp to h2's

Same clamp @Lmikkers and @rutgerkock used for the h2's of the slide cards for consistency
fdnd-agency · Jan 16, 2025 · 0b279df · 0b279df
1 parent e062340
commit 0b279df
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 11 deletions.
diff --git a/src/lib/molecules/home-campus.svelte b/src/lib/molecules/home-campus.svelte
@@ -26,7 +26,7 @@
 
 	h2 {
 		font-family: var(--sub-header-font);
-		font-size: 3.5em;
+		font-size:  clamp(2em, 5vw, 8em);
 		display: flex;
 		flex-direction: column;
 		flex-wrap: wrap;
@@ -68,7 +68,6 @@
 			padding: 0 var(--section-padding-x) var(--section-padding-y);
 		}
 		h2 {
-			font-size: 4.5rem;
 			padding-bottom: 0.7em;
 		}
 		p {

diff --git a/src/lib/molecules/home-partners.svelte b/src/lib/molecules/home-partners.svelte
@@ -43,7 +43,7 @@
 
     h2{
         font-family: var(--sub-header-font);
-        font-size: 3.5em;
+        font-size:  clamp(2em, 5vw, 8em);
         line-height: 1;
         padding-bottom: .7em;
     }
@@ -67,9 +67,6 @@
 		section{
 			padding:  var(--section-padding-y) var(--section-padding-x);
 		}
-		h2{
-            font-size: 4.5rem;
-		}
 	}
 
     /* MEDIA QUERY TABLET = 1250px */

diff --git a/src/lib/organisms/agenda.svelte b/src/lib/organisms/agenda.svelte
@@ -29,7 +29,7 @@
 	}
 
 	h2 {
-		font-size: 3.5rem;
+		font-size:  clamp(2em, 5vw, 8em);
 		padding-bottom: 0.7em;
 		font-family: var(--sub-header-font);
 		color: var(--main-color-brown);
@@ -42,10 +42,6 @@
 		section {
 			padding: var(--section-padding-y) 0 var(--section-padding-y) var(--section-padding-x);
 		}
-
-		h2 {
-			font-size: 4.5rem;
-		}
 		img {
 			display: block;
 		}