fixed how footer banner responds to changes in window size

dominrios · Sep 4, 2024 · cbd8af8 · cbd8af8
1 parent 29848bc
commit cbd8af8
Show file tree

Hide file tree

Showing 3 changed files with 22 additions and 8 deletions.
diff --git a/assets/sass/custom.scss b/assets/sass/custom.scss
@@ -85,7 +85,7 @@ img {vertical-align: middle;}
 /* On smaller screens, decrease text size */
 @media only screen and (max-width: 300px) {
   .text {
-    font-size: 3px;    
+    font-size: 5px;
   }
 }
 
@@ -196,16 +196,31 @@ img {vertical-align: middle;}
         margin-top: -8%;
         max-width:100%;
         font-size: 1.5vw;
+
+        @media (max-width: 480px) {
+          margin-right: 20%;
+        }
+
+        @media (min-width: 576px) {
+          font-size: 2vw;
+        }
+        @media (min-width: 768px) {
+          font-size: 2vw;
+        }
+        @media (min-width: 992px) {
+          font-size: 1.5vw;
+        }
       }
+
       .button { 
-
           vertical-align: left;
           margin-left: 1em;
       }
 
 
   }
 }
+
 a.imageLink{
   position:relative;
   right: 35vw;

diff --git a/layouts/partials/homepage/blocks/cta.html b/layouts/partials/homepage/blocks/cta.html
@@ -15,12 +15,11 @@ <h2>{{ .item.contents | markdownify }}</h2>
                 </a>
 
 
-                <p > Eclipse VOLTTRON is sponsored by the Department of Energy<br> and Pacific Northwest National Laboratory, 2024.</p> 
+                <p>
+                    Eclipse VOLTTRON is sponsored by the Department of Energy<br>
+                    and Pacific Northwest National Laboratory, 2024.
+                </p> 
             {{- end }}
-
-
-
-
         </header>
     </div>
 </section>

diff --git a/resources/_gen/assets/scss/sass/main.scss_e95820d474fe7cf9c38afe1151187c97.content b/resources/_gen/assets/scss/sass/main.scss_e95820d474fe7cf9c38afe1151187c97.content