From e47aef5b74d8b6ce8b7ea6e7b4ed5788dcb8ff4a Mon Sep 17 00:00:00 2001
From: Anton Livaja <anton@livaja.me>
Date: Sat, 22 Mar 2025 18:21:57 -0700
Subject: [PATCH] use padding insead of adjusting height for text

---
 _layouts/contact.html |  2 +-
 _sass/base.scss       | 58 ++-----------------------------------------
 2 files changed, 3 insertions(+), 57 deletions(-)

diff --git a/_layouts/contact.html b/_layouts/contact.html
index 51c2800..07141e9 100644
--- a/_layouts/contact.html
+++ b/_layouts/contact.html
@@ -10,7 +10,7 @@
 						<div class="capsule">contact</div>
 					</div>
 					<br>
-					<h2 class="gradient-text center contact-header">tell us about your biggest security challenges</h2>
+					<h2 class="gradient-text center hero-header">tell us about your biggest security challenges</h2>
 				</section>
 				<section class="flex-container" style="margin-top: 80px">
 					<div class="flex-container-inner">
diff --git a/_sass/base.scss b/_sass/base.scss
index 13c1416..4b726e9 100644
--- a/_sass/base.scss
+++ b/_sass/base.scss
@@ -130,7 +130,7 @@ a:hover {
 }
 
 .hero-header {
-	height: 320px;
+	padding-bottom: 20px;
 }
 
 .capsule-header {
@@ -138,10 +138,6 @@ a:hover {
 	margin-bottom: 30px;
 }
 
-.contact-header {
-	height: 180px;
-}
-
 .card {
 	transition: border 0.3s ease-in-out;
 	background: var(--dark-grey);
@@ -157,7 +153,6 @@ a:hover {
 	border: 1px solid var(--light-purple);
 }
 
-
 @mixin capsule {
 	font-weight: 400;
 	font-size: 16px;
@@ -409,10 +404,6 @@ a:hover {
 	padding: 2rem;
 }
 
-.powered-header {
-	height: 100px;
-}
-
 @media only screen and (max-device-width: 500px) {
 	* {
 		font-size: $mobile-font-size;
@@ -615,8 +606,8 @@ hr {
 * Services Page
 */
 .why-distrust {
-	height: 95px;
 	text-align: left;
+	padding-bottom: 15px;
 }
 
 /**
@@ -1538,16 +1529,7 @@ pre {
 	}
 }
 
-@media (max-width: 1090px) {
-	.contact-header {
-		height: 260px;
-	}
-}
-
 @media (max-width: 1150px) {
-	.landing-header {
-		height: 400px;
-	}
 	.roadmap-title-container {
 		flex-direction: column;
 	}
@@ -1562,12 +1544,6 @@ pre {
 	}
 }
 
-@media (max-width: 1117px) {
-	.services-header {
-		height: 420px;
-	}
-}
-
 @media (max-width: 1020px) {
 	.flex-container-inner {
 		width: 100% !important;
@@ -1590,10 +1566,6 @@ pre {
 		flex-direction: column-reverse;
 	}
 
-	.services-header {
-		height: 250px;
-	}
-
 	.team .flex-container-inner {
 		margin-bottom: 30px;
 	}
@@ -1608,12 +1580,6 @@ pre {
 	}
 }
 
-@media (max-width: 742px) {
-	.contact-header {
-		height: 340px;
-	}
-}
-
 @media (max-width: 600px) {
 	.flex-container {
 		flex-direction: column;
@@ -1647,23 +1613,6 @@ pre {
 		padding-left: 10px;
 	}
 
-	.hero-header {
-		height: 190px;
-	}
-
-	.landing-header {
-		height: 90px !important;
-	}
-
-	.contact-header {
-		margin-top: 0px;
-		height: 130px;
-	}
-
-	.capsule-header {
-		height: unset;
-	}
-
 	.footer-link {
 		margin-bottom: 20px;
 		min-width: 200px;
@@ -1746,9 +1695,6 @@ pre {
 		margin-bottom: 10px;
 	}
 
-	.powered-header {
-		height: 50px;
-	}
 	.quote {
 		font-size: 1.5rem;
 		line-height: 1.5rem;