From 351d8fabd22d8df4591cf43986e454db8df880b0 Mon Sep 17 00:00:00 2001
From: Henry Kulmala <henry.kulmala@sinunsoft.com>
Date: Sat, 28 Mar 2020 14:28:05 +0200
Subject: [PATCH 1/4] in mobile (if under 800px window width) place sign in
 button under the email input and don't force 300px length if wrapped in How
 you can help section

---
 index.css | 15 +++++++++++++++
 1 file changed, 15 insertions(+)

diff --git a/index.css b/index.css
index 7d20b2c..9771fa9 100644
--- a/index.css
+++ b/index.css
@@ -67,6 +67,12 @@ body {
   padding: 1rem;
   margin: 2rem auto;
 }
+@media screen and (max-width: 800px) {
+    .flex-item {
+        height: unset;
+        max-height: 300px;
+    }
+}
 
 .flex-item p {
   padding: 0px;
@@ -191,6 +197,15 @@ form {
   display: flex;
   justify-content: center;
 }
+@media screen and (max-width: 800px) {
+    form {
+        flex-direction: column;
+        align-items: center;
+    }
+    input {
+        margin-bottom: 10px;
+    }
+}
 
 /* Make call-to-action elements stand out */
 input, button {
-- 
GitLab


From f6dba1f83543352cedc3610dfa9079d80a5dc6cd Mon Sep 17 00:00:00 2001
From: Henry Kulmala <henry.kulmala@sinunsoft.com>
Date: Sat, 28 Mar 2020 14:38:59 +0200
Subject: [PATCH 2/4] changed the @media in social media icons, don't know what
 it should have done.

---
 index.css | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/index.css b/index.css
index 9771fa9..fdf90d4 100644
--- a/index.css
+++ b/index.css
@@ -118,7 +118,7 @@ h4 {
   justify-content: space-around;
   padding: 0rem 2rem;
 }
-@media(min-width: 420px;) {
+@media screen and (max-width: 800px) {
   .soc-wrapper {
     padding: 0rem;
     flex-wrap: wrap;
-- 
GitLab


From 4df97499a9f9fc1877f987f2546baed41ae49824 Mon Sep 17 00:00:00 2001
From: Henry Kulmala <henry.kulmala@sinunsoft.com>
Date: Sat, 28 Mar 2020 14:51:18 +0200
Subject: [PATCH 3/4] for mobile: learn more video and slides max-width 100%

---
 index.css | 1 +
 1 file changed, 1 insertion(+)

diff --git a/index.css b/index.css
index fdf90d4..f239d07 100644
--- a/index.css
+++ b/index.css
@@ -228,6 +228,7 @@ section#signup {
 
 #presentations iframe {
   margin: 1rem;
+  max-width: 100%;
 }
 
 footer h4 {
-- 
GitLab


From c800b55573a7f85288812253824a80cdf8a934e8 Mon Sep 17 00:00:00 2001
From: Henry Kulmala <henry.kulmala@sinunsoft.com>
Date: Sat, 28 Mar 2020 15:05:45 +0200
Subject: [PATCH 4/4] hope this will fix the strange <menu> element scrolling
 issue my mobile is having. Could not reproduce in desktop -> Not tested

---
 index.css | 1 +
 1 file changed, 1 insertion(+)

diff --git a/index.css b/index.css
index f239d07..42f7243 100644
--- a/index.css
+++ b/index.css
@@ -136,6 +136,7 @@ main {
   justify-content: center;
   width: 100vw;
   overflow-x: hidden;
+  overflow-y: hidden;
 }
 
 section {
-- 
GitLab