Center card

Author: vallezw

frontend/src/App.css

@@ -1,8 +1,8 @@
 .cardContainer {
     position: absolute;
-    top: 40%;
-    left: 48.8%;
-    margin: -100px 0 0 -150px;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%);
 }
 
 .loading {

frontend/src/Components/ComponentUtils/ImageUploadCard.js

@@ -18,7 +18,9 @@ const useStyles = makeStyles({
     paddingTop: "10px",
     paddingBottom: "10px",
     borderRadius: "7px",
-    boxShadow: "0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19)"
+    boxShadow: "0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19)",
+    display: "grid",
+    placeItems: "center"
   },
   headerText: {
       fontFamily: "roboto",