From ba3e697a00f2fa321acc7a6835949be95d22e6e0 Mon Sep 17 00:00:00 2001
From: Lea Anthony <lea.anthony@gmail.com>
Date: Tue, 20 Sep 2022 17:25:55 +1000
Subject: [PATCH] Better mobile experience 2

---
 website/src/css/custom.css         | 11 ++++++++++-
 website/src/pages/index.module.css |  6 ++++++
 2 files changed, 16 insertions(+), 1 deletion(-)

diff --git a/website/src/css/custom.css b/website/src/css/custom.css
index ec4e18f73..81971876b 100644
--- a/website/src/css/custom.css
+++ b/website/src/css/custom.css
@@ -64,6 +64,7 @@ html[data-theme="light"] .button--secondary {
     width: 100%;
     justify-content: center;
     flex-direction: row;
+    flex-wrap: wrap;
 }
 
 
@@ -76,6 +77,15 @@ html[data-theme="light"] .button--secondary {
     align-items: flex-start;
 }
 
+.footer .container .footer__bottom {
+    display: flex;
+    justify-content: center;
+    flex-direction: column;
+    width: 100%;
+    align-content: center;
+    flex-wrap: wrap;
+}
+
 
 .col {
     display: inline-flex;
@@ -126,7 +136,6 @@ html[data-theme="light"] .button--secondary {
     align-items: baseline;
 }
 
-
 @media screen and (max-width: 966px) {
     .hero .container {
         padding: .5rem;
diff --git a/website/src/pages/index.module.css b/website/src/pages/index.module.css
index ba3a6755c..2609cd4a9 100644
--- a/website/src/pages/index.module.css
+++ b/website/src/pages/index.module.css
@@ -16,6 +16,12 @@
   }
 }
 
+@media screen and (max-width: 433px) {
+  .heroBanner {
+    padding: 1rem 0 1rem;
+  }
+}
+
 .buttons {
   column-gap: 2rem;
   display: flex;