fix vertical centring and element heights

Gum-Joe · Dec 27, 2020 · 5ba37e6 · 5ba37e6
1 parent 495a921
commit 5ba37e6
Showing 1 changed file with 9 additions and 7 deletions.
diff --git a/frontend/src/App.css b/frontend/src/App.css
@@ -1,3 +1,6 @@
+@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;0,800;1,300;1,400;1,600;1,700;1,800&display=swap');
+@import url("./fonts/Metropolis/stylesheet.css");
+
 .App {
   text-align: center;
 }
@@ -38,25 +41,24 @@
 }
 /* END CRA STUFF */
 
-@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;0,800;1,300;1,400;1,600;1,700;1,800&display=swap');
-@import url("./fonts/Metropolis/stylesheet.css");
-
 body {
   font-family: "Metropolis", 'Open Sans', sans-serif;
 }
 
 .App {
   color: #fff;
+  justify-content: center;
+  flex-direction: column;
 }
 
 
 
 /* VERTICALLYTG CENTRE */
 .isitweeka {
-  position: absolute;
-  top: 50%;
-  transform: translateY(-50%);
-  width: 90%;
+  height: 100vh;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
 }
 
 .isitweeka {