Mobile header (#1914)

* Fixes #1574 * Change Alt Text for Delegate Icon on Credit page * changed toolkit banner font to 400 * change margins for mobile screen
hackforla · Jul 11, 2021 · 23f29d2 · 23f29d2
1 parent e688d0e
commit 23f29d2
Showing 1 changed file with 14 additions and 1 deletion.
diff --git a/_sass/components/_program-areas.scss b/_sass/components/_program-areas.scss
@@ -8,9 +8,17 @@
         flex-direction: column;
         margin-right: 5rem;
 
+        @media #{$bp-below-desktop} {
+          margin-bottom: 1.625rem;
+        }
+
         h1 {
             margin-top: 2.25rem;
             margin-bottom: 3.125rem;
+
+          @media #{$bp-below-desktop} {
+            margin-top: 2rem;
+          }  
         }
     }
 
@@ -55,6 +63,11 @@
 .program-areas-hero-svg {
     width: auto;
     height: 240px;
+
+    @media #{$bp-below-desktop} {
+      height: auto;
+      max-width: 16rem;
+    }
 }
 
 @media(max-width: 850px) {
@@ -65,7 +78,7 @@
             margin-right: 0;
 
             h1 {
-                margin-bottom: 0.4rem;
+                margin-bottom: 1rem;
             }
         }