use padding insead of adjusting height for text
This commit is contained in:
parent
7e91d45cde
commit
e47aef5b74
|
@ -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">
|
||||
|
|
|
@ -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;
|
||||
|
|
Loading…
Reference in New Issue