Center card

vallezw · Apr 2, 2021 · ec96e6d · ec96e6d
1 parent 35e110c
commit ec96e6d
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 4 deletions.
diff --git a/frontend/src/App.css b/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 {

diff --git a/frontend/src/Components/ComponentUtils/ImageUploadCard.js b/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",