public
/
website
5
0
Fork 0
Code Issues 4 Pull Requests 3 Packages Projects Releases Wiki Activity

more mobile responsivness fixes

This commit is contained in:
Anton Livaja 2025-03-18 07:36:52 -07:00
parent d49e454a74
commit 0622b62643
Signed by: anton
GPG Key ID: 44A86CFF1FDF0E85
2 changed files with 51 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
_layouts/services.html
View File

@ -20,7 +20,7 @@
<div class="capsule">services</div> <div class="capsule">services</div>
</div> </div>
<br> <br>
<h1 class="hero-title gradient-text hero-header"> <h1 class="services-header hero-title gradient-text hero-header">
hire Distrust to solve your hardest security challenges hire Distrust to solve your hardest security challenges
</h1> </h1>
<br> <br>
@ -72,7 +72,7 @@
<section class="flex-container"> <section class="flex-container">
<div class="flex-container-inner"></div> <div class="flex-container-inner"></div>
<div class="flex-container-inner"> <div class="flex-container-inner">
<h2 class="gradient-text" style="text-align: left; height: 95px">why Distrust?</h2> <h2 class="gradient-text why-distrust">why Distrust?</h2>
<p> <p>
Why choose Distrust? Because security shouldn't be based on blind trust, it should be based on <b>dis</b>trust, and verifiability. Most organizations treat cybersecurity like people once treated hygiene—poorly. Why choose Distrust? Because security shouldn't be based on blind trust, it should be based on <b>dis</b>trust, and verifiability. Most organizations treat cybersecurity like people once treated hygiene—poorly.
</p> </p>

51
_sass/base.scss
View File

@ -599,10 +599,19 @@ hr {
.inner-menu-content { .inner-menu-content {
border-bottom: 1px solid white; border-bottom: 1px solid white;
margin-top: 50px;
} }
.menu-content div { .menu-content div {
margin: 50px 30px 50px 30px; margin: 30px;
}
/**
* Services Page
*/
.why-distrust {
height: 95px;
text-align: left;
} }
/** /**
@ -1548,6 +1557,12 @@ pre {
} }
} }
@media (max-width: 1117px) {
.services-header {
height: 420px;
}
}
@media (max-width: 1020px) { @media (max-width: 1020px) {
.flex-container-inner { .flex-container-inner {
width: 100% !important; width: 100% !important;
@ -1570,9 +1585,22 @@ pre {
flex-direction: column-reverse; flex-direction: column-reverse;
} }
.services-header {
height: 250px;
}
.team .flex-container-inner { .team .flex-container-inner {
margin-bottom: 30px; margin-bottom: 30px;
} }
h1 {
font-size: 80px !important;
line-height: 80px !important;
}
h2 {
font-size: 60px !important;
line-height: 60px !important;
}
} }
@media (max-width: 742px) { @media (max-width: 742px) {
@ -1615,7 +1643,11 @@ pre {
} }
.hero-header { .hero-header {
height: unset !important; height: 190px;
}
.landing-header {
height: 90px !important;
} }
.contact-header { .contact-header {
@ -1658,6 +1690,11 @@ pre {
line-height: 40px !important; line-height: 40px !important;
} }
h3 {
font-size: 30px !important;
line-height: 30px !important;
}
.roadmap-header { .roadmap-header {
flex-direction: column; flex-direction: column;
} }
@ -1707,5 +1744,15 @@ pre {
.powered-header { .powered-header {
height: 50px; height: 50px;
} }
/**
* Services Page
*/
.why-distrust {
height: 45px;
}
/**
* End Services Page
*/
} }