Added mobile grid to hero section

This commit is contained in:
Thomas Smith 2022-09-27 13:07:48 -04:00
parent fcee7aa2c0
commit 692f42af8c

View file

@ -118,7 +118,7 @@ hr{
} }
@media only screen and (min-width: 1200px) { @media only screen and (min-width: 1200px) {
.hero-section{ .hero-section{
background-image: url("/Images/x-large-grid-hero.svg"); background-image: url("/Images/x-large-grid-hero.svg");
background-attachment: fixed; background-attachment: fixed;
@ -167,18 +167,6 @@ hr{
background-size: cover; background-size: cover;
} }
.statistics{ .statistics{
background-image: url("/Images/x-large-stats-grid.svg"); background-image: url("/Images/x-large-stats-grid.svg");
background-attachment: fixed; background-attachment: fixed;
@ -207,18 +195,6 @@ hr{
margin-bottom: -2.232vw; margin-bottom: -2.232vw;
} }
.partners{ .partners{
background-image: url("/Images/x-large-grid.svg"); background-image: url("/Images/x-large-grid.svg");
background-attachment: fixed; background-attachment: fixed;
@ -227,3 +203,18 @@ hr{
} }
} }
@media only screen and (max-width: 576px) {
.hero-section{
background-image: url("/Images/small-grid.svg");
background-position: top;
background-repeat: repeat-y;
background-size: contain;
}
.hero-bottom{
height: 75px;
}
}