This commit is contained in:
@@ -504,7 +504,8 @@ html {
|
||||
position: relative;
|
||||
z-index: 10;
|
||||
height: 100%;
|
||||
min-height: 100dvh;
|
||||
min-height: 100vh; /* Fallback for browsers without dvh support */
|
||||
min-height: 100dvh; /* Dynamic viewport height for Chrome mobile */
|
||||
width: 100%;
|
||||
display: grid;
|
||||
grid-template-rows: 1fr auto;
|
||||
@@ -516,6 +517,13 @@ html {
|
||||
row-gap: clamp(2rem, 6vh, 4rem);
|
||||
}
|
||||
|
||||
/* Ensure dvh support for modern browsers */
|
||||
@supports (min-height: 100dvh) {
|
||||
.hero-content {
|
||||
min-height: 100dvh;
|
||||
}
|
||||
}
|
||||
|
||||
.hero-main {
|
||||
width: min(720px, 100%);
|
||||
margin: 0 auto;
|
||||
|
||||
Reference in New Issue
Block a user