Grid elements from fixed => scroll

This commit is contained in:
Thomas Smith 2022-10-24 15:48:55 -04:00
parent 64fccee3dd
commit 9fe4d506ec
2 changed files with 13 additions and 38 deletions

View file

@ -11,7 +11,7 @@
.container{
max-width: 1920px;
padding: 4.185vw 8.371vw 4.185vw 8.371vw;
padding: 4.5vw 8.371vw 4.185vw 8.371vw;
}
}
@ -136,47 +136,22 @@ mark{
color: #1a1a1a;
}
/* Homepage */
@media only screen and (min-width: 1200px) {
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
}
@media only screen and (min-width: 768px) and (max-width: 992px) {
}
@media only screen and (min-width: 576px) and (max-width: 768px){
}
@media only screen and (max-width: 576px) {
.hero-subhead{
width: 100%;
}
}
@media only screen and (min-width: 1200px) {
.hero-section{
background-image: url("/Images/x-large-grid-hero.svg");
background-attachment: fixed;
background-image: url("/Images/x-large-grid.svg");
background-attachment: scroll;
background-position: top;
background-repeat: repeat;
background-size: contain;
background-size: cover;
}
.hero-bottom{
background-image: url("/Images/x-large-grid-hero.svg");
background-attachment: fixed;
background-position: center-top;
background-image: url("/Images/x-large-grid.svg");
background-attachment: scroll;
background-position: top;
background-repeat: repeat;
background-size: contain;
background-size: cover;
height: 75px;
}
@ -190,7 +165,7 @@ mark{
.package_before{
background-image: url("/Images/xl-grid-half-right.svg");
background-attachment: fixed;
background-attachment: scroll;
background-repeat: repeat-y;
background-position: right;
background-size: cover;
@ -200,14 +175,14 @@ mark{
.package-cta{
background-image: url("/Images/x-large-grid.svg");
background-attachment: fixed;
background-attachment: scroll;
background-repeat: repeat-y;
background-size: cover;
}
.statistics{
background-image: url("/Images/x-large-stats-grid.svg");
background-attachment: fixed;
background-attachment: scroll;
background-position: top;
background-repeat: repeat-y;
background-size: cover;
@ -483,4 +458,4 @@ mark{
}
.flex.column {
flex-direction: column;
}
}

View file

@ -21,7 +21,7 @@
padding-top: 0vw !important;
padding-bottom: 0vw !important;
background-image: url("/Images/x-large-grid.svg");
background-attachment: fixed;
background-attachment: scroll;
background-repeat: repeat-y;
background-size: cover;
}