tweaked header margin

This commit is contained in:
2026-11-14 16:57:39 -08:00
parent 65bf9409d9
commit f465d1ec0d

View File

@@ -10,11 +10,11 @@
.home-header {
position: relative;
width: 100vw;
height: 70vh;
min-height: 400px;
height: auto;
margin-top: calc(var(--header-height) + max(10px, env(safe-area-inset-top)) + 12px);
margin-left: calc(-50vw + 50%);
margin-right: calc(-50vw + 50%);
padding-bottom: 24px;
padding: 40px 0 64px;
overflow: hidden;
display: flex;
flex-direction: column;
@@ -33,7 +33,6 @@
background-size: cover;
background-repeat: no-repeat;
z-index: 0;
margin-top: 130px !important;
border-top-left-radius: 50px !important;
border-top-right-radius: 50px !important;
will-change: transform, opacity;
@@ -310,21 +309,18 @@
.header-video,
.header-image {
margin-top: 80px !important;
border-top-left-radius: 55px !important;
border-top-right-radius: 55px !important;
width: 97% !important;
margin-left: auto !important;
margin-right: auto !important;
margin-top: 0px !important;
}
}
@media (orientation: landscape) and (max-height: 550px) {
.home-header {
height: auto;
min-height: 280px;
padding-top: calc(var(--header-height) + 24px);
padding-bottom: 28px;
padding: 20px 0 40px;
}
.header-logo-badge {
@@ -420,7 +416,6 @@
<a href="/products/go" class="feature-box">
<div class="box-icon">
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
stroke-linejoin="round">
<rect x="5" y="2" width="14" height="20" rx="2" ry="2" />
<line x1="12" y1="18" x2="12.01" y2="18" />
</svg>