ivabus/www
1
0
Fork 0
mirror of https://github.com/ivabus/www synced 2024-11-22 23:15:08 +03:00
Code Issues Projects Releases Packages Wiki Activity Actions

Spacing adjustment to homepage on mobile

Browse source
This commit is contained in:
Thomas Smith 2022-10-20 15:53:33 -04:00
parent 235516196d
commit f8691e4629
1 changed files with 15 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

19
src/static/css/homepage.css
View file

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