Added the grid layout using custom css

1 files changed, 12 insertions, 7 deletions

diff --git a/app/static/custom.css b/app/static/custom.css
index fafc51a..18462d3 100644
--- a/app/static/custom.css
+++ b/app/static/custom.css
@@ -1,5 +1,6 @@
 button, input, .select, .select select {
     width: 100%;
+    height: 100%;
 }
 table {
     font-size: 17.5px;
@@ -7,13 +8,17 @@ table {
 td {
     width: 20%;
 }
-img {
-    position: absolute; 
-    top: 50%; 
-    left: 50%; 
-    transform: translate(-50%,-50%);
-}
 .center {
     margin: auto;
     width: 50%;
-}
\ No newline at end of file
+}
+.parent {
+    display: grid;
+    grid-column-gap: 20px;
+    grid-row-gap: 20px;
+}
+@media (min-width: 800px) {
+    .parent {
+        grid-template-columns: repeat(4, 1fr);
+    }
+}