More progress at mobile breakpoint

This commit is contained in:
Thomas Smith 2022-09-27 18:51:15 -04:00
parent e207b17fc5
commit f0942de261
4 changed files with 13 additions and 9 deletions

View file

@ -61,7 +61,7 @@
<!-- Package Section: Before --> <!-- Package Section: Before -->
<section> <section class="package-before-section">
<div class="gen-art" id="gen-art-3"></div> <div class="gen-art" id="gen-art-3"></div>
<div class="gen-art" id="gen-art-4"></div> <div class="gen-art" id="gen-art-4"></div>
<div class="container package_before"> <div class="container package_before">

View file

@ -141,23 +141,23 @@
@media only screen and (max-width: 576px) { @media only screen and (max-width: 576px) {
.gf-container { .gf-container {
width: 15vw; width: 20vw;
height: 15vw; height: 20vw;
border-radius: 100px; border-radius: 100px;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
position: fixed; position: fixed;
text-align:center; text-align:center;
padding-top: 3vw; padding-top: 7vw;
font-size: 1.562vw; font-size: 4vw;
background-color: #1a1a1a !important; background-color: #1a1a1a !important;
border: 2px solid #949494; border: 2px solid #949494;
color: #ffffff; color: #ffffff;
text-decoration: none; text-decoration: none;
font-family: "pp-neue-machina", sans-serif; font-family: "pp-neue-machina", sans-serif;
text-transform: uppercase; text-transform: uppercase;
right: 15px; right: 3vw;
top: 5.3vw; bottom: 3vw !important;
cursor: pointer; cursor: pointer;
z-index: 3; z-index: 3;
transition: 0.2s ease-in-out; transition: 0.2s ease-in-out;
@ -165,7 +165,7 @@
.gf-container:hover { .gf-container:hover {
color:#1a1a1a; color:#1a1a1a;
box-shadow: inset 0vw 0vw 0vw 0.358vw #1a1a1a !important; box-shadow: inset 0vw 0vw 0vw 1vw #1a1a1a !important;
background-color: #00ffd0 !important; background-color: #00ffd0 !important;
} }

View file

@ -241,7 +241,7 @@
} }
.button-container{ .button-container{
padding: 0vw 6.5vw !important; padding: 0vw 6.2vw !important;
} }
.dev-count{ .dev-count{

View file

@ -260,6 +260,10 @@ hr{
height:10vw; height:10vw;
} }
.package-before-section{
padding: 4vw !important;
}
.package_before{ .package_before{
background-image: url("/Images/small-grid.svg"); background-image: url("/Images/small-grid.svg");
background-position: top; background-position: top;