Make registration page responsive.

2021-12-23 23:17:40 +02:00
parent 25f87eaa01
commit 9414314e96
11 changed files with 112 additions and 27 deletions
--- a/src/components/RegistrationHeader.scss
+++ b/src/components/RegistrationHeader.scss
@@ -20,3 +20,20 @@
    }
  }
 }
+
+@media screen and (max-width: 600px) {
+  .Diamond {
+    margin: 0;
+    width: 0;
+    height: 0;
+  }
+
+  .App-header {
+    flex-direction: column;
+
+    h1 {
+      font-size: 2rem;
+      margin-bottom: -3rem;
+    }
+  }
+}