Website/responsive banner header text tweak (#1036)

* add responsive tweak to widen banner header text on mobile * tweak responsive width of home page banner text
ProjectEvergreen · Dec 19, 2022 · a5a4403 · a5a4403
1 parent d6d5230
commit a5a4403
Showing 1 changed file with 7 additions and 2 deletions.
diff --git a/www/components/banner/banner.css b/www/components/banner/banner.css
@@ -45,9 +45,14 @@
 
       & h3 {
         padding: 10px 0;
-        max-width: 50%;
-        margin: 0 auto;
+        max-width: 70%;
+        margin: 0 auto 10px;
         color: #201e2e;
+
+        @media (min-width: 768px) {
+          max-width: 50%;
+          margin: 0 auto;
+        }
       }
 
       & img {