use padding insead of adjusting height for text

This commit is contained in:
Anton Livaja 2025-03-22 18:21:57 -07:00
parent 7e91d45cde
commit e47aef5b74
Signed by: anton
GPG Key ID: 44A86CFF1FDF0E85
2 changed files with 3 additions and 57 deletions

View File

@ -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">

View File

@ -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;