fix: make hero sticky
This commit is contained in:
@@ -1,7 +1,8 @@
|
||||
.wrapper {
|
||||
position: relative;
|
||||
background: #f3f2f1;
|
||||
display: block;
|
||||
padding-bottom: 50px;
|
||||
width: 100%;
|
||||
z-index: 10;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
.wrapper {
|
||||
z-index: 0;
|
||||
z-index: -1;
|
||||
}
|
||||
|
||||
.picture {
|
||||
@@ -24,3 +24,11 @@
|
||||
aspect-ratio: auto;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (min-width: 950px) {
|
||||
.wrapper {
|
||||
overflow: hidden;
|
||||
position: sticky;
|
||||
top: 0px;
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user