Spacing adjustment to homepage on mobile

This commit is contained in:
Thomas Smith 2022-10-20 15:53:33 -04:00
parent 235516196d
commit f8691e4629

View file

@ -281,8 +281,17 @@ mark{
}
@media only screen and (min-width: 768px) and (max-width: 992px) {
.hero-section{
background-image: url("/Images/large-grid.svg");
background-attachment: fixed;
background-position: top;
background-repeat: repeat;
background-size: contain;
}
.metric-block{
padding: 4.185vw;
border: 2px solid #949494;
@ -316,7 +325,8 @@ mark{
background-attachment: fixed;
background-position: top;
background-repeat: repeat;
background-size: contain; }
background-size: cover;
}
.metric-block{
padding: 4.185vw;
@ -347,7 +357,8 @@ mark{
@media only screen and (max-width: 576px) {
.hero-section{
padding: 1vw 4vw !important;
padding-right: 4vw !important;
padding-left: 4vw !important;
}
.hero-container{
@ -355,8 +366,8 @@ mark{
background-position: top;
background-repeat: repeat-y;
background-size: cover;
padding-top: 17.5vw;
padding-bottom: 21vw;
padding-top: 21.800vw !important;
padding-bottom: 21.800vw !important;
border: 1px solid #949494;
}