Mobile View Fixes (#14)

* Project card update * Updated with project app * Updated with acmurl * Adjustments for mobile view * Fixed bug with image heights * Small change to archive grid
acmucsd · Sep 26, 2023 · b8df7f3 · b8df7f3
1 parent 62c357d
commit b8df7f3
Show file tree

Hide file tree

Showing 4 changed files with 2 additions and 5 deletions.
diff --git a/src/components/navbar/Navbar.module.scss b/src/components/navbar/Navbar.module.scss
@@ -25,7 +25,6 @@
       //padding-top: 9px;
       //padding-bottom: 9px;
       padding: 16px 30px 16px 30px;
-      margin-left: 32px;
       display: flex;
       flex-flow: row nowrap;
 

diff --git a/src/components/project-card/style.module.scss b/src/components/project-card/style.module.scss
@@ -4,7 +4,7 @@
     display: grid;
     max-width: 95%;
     margin: 0 auto;
-    grid-template-columns: repeat(auto-fit, minmax(24rem, 1fr));
+    grid-template-columns: repeat(auto-fit, minmax(20rem, 1fr));
     margin-top: 2rem;
     margin-bottom: 2rem;
     row-gap: 2rem;

diff --git a/src/components/team-card/style.module.scss b/src/components/team-card/style.module.scss
@@ -15,7 +15,6 @@
         background-color: vars.$darker-white;
         display: flex;
         flex-direction: column;
-        justify-content: center;
         align-items: flex-start;
         text-decoration: none;
         border-radius: 0.5rem;

diff --git a/src/sections/Timer/style.module.scss b/src/sections/Timer/style.module.scss
@@ -119,7 +119,6 @@
     }
 
     @media only screen and (max-width: 500px) {
-      margin: 80px 0;
 
       .home__communities__grid {
         padding: 0;
@@ -138,7 +137,7 @@
     flex-direction: column;
   }
   &__info {
-    width: 550px !important;
+    width: 100%;
     padding: 20px;
     text-align: left;
     font-size: 18px;