Mobile styling (spacing/typography)

This commit is contained in:
Thomas Smith 2022-09-27 16:06:11 -04:00
parent 8107eff087
commit 734c85c560
3 changed files with 9 additions and 9 deletions

View file

@ -92,7 +92,7 @@
.btn-primary .icon-enter-arrow{ .btn-primary .icon-enter-arrow{
display: inline-block; display: inline-block;
position: relaitve; position: relative;
margin-right: 0.558vw; margin-right: 0.558vw;
transition: 0.2s linear; transition: 0.2s linear;
} }
@ -144,7 +144,7 @@
.btn-primary .icon-enter-arrow{ .btn-primary .icon-enter-arrow{
display: inline-block; display: inline-block;
position: relaitve; position: relative;
margin-right: 0.558vw; margin-right: 0.558vw;
transition: 0.2s linear; transition: 0.2s linear;
} }
@ -196,7 +196,7 @@
.btn-primary .icon-enter-arrow{ .btn-primary .icon-enter-arrow{
display: inline-block; display: inline-block;
position: relaitve; position: relative;
margin-right: 0.558vw; margin-right: 0.558vw;
transition: 0.2s linear; transition: 0.2s linear;
} }
@ -211,7 +211,7 @@
@media only screen and (max-width: 576px) { @media only screen and (max-width: 576px) {
.btn-primary{ .btn-primary{
padding: 7.5vw 11.200vw !important; padding: 7.5vw 7.5vw !important;
border-radius: 0px !important; border-radius: 0px !important;
font-family: "pp-neue-machina", sans-serif; font-family: "pp-neue-machina", sans-serif;
text-transform: uppercase; text-transform: uppercase;
@ -241,7 +241,7 @@
} }
.button-container{ .button-container{
padding: 0vw 8.929vw; padding: 0vw 14vw !important;
} }
.dev-count{ .dev-count{

View file

@ -37,7 +37,7 @@ html,body{
@media only screen and (max-width: 576px) { @media only screen and (max-width: 576px) {
.container{ .container{
max-width: 1920px; max-width: 1920px;
padding: 10vw 5vw; padding: 10vw 10vw;
} }
} }
@ -210,7 +210,7 @@ hr{
background-image: url("/Images/small-grid.svg"); background-image: url("/Images/small-grid.svg");
background-position: top; background-position: top;
background-repeat: repeat-y; background-repeat: repeat-y;
background-size: contain; background-size: cover;
} }
.hero-bottom{ .hero-bottom{
@ -221,7 +221,7 @@ hr{
background-image: url("/Images/small-grid.svg"); background-image: url("/Images/small-grid.svg");
background-position: top; background-position: top;
background-repeat: repeat-y; background-repeat: repeat-y;
background-size: contain; background-size: cover;
padding-top: 12.556vw; padding-top: 12.556vw;
padding-bottom: 12.556vw; padding-bottom: 12.556vw;
} }

View file

@ -231,7 +231,7 @@ li{
h1{ h1{
font-size: 20vw; font-size: 20vw;
line-height: 6rem; line-height: 5rem;
} }
h2{ h2{