From 040a3a894e0816596532d7f7430baa4a5524f67b Mon Sep 17 00:00:00 2001
From: Karan Jayachandra <karan.jayachandra@nxp.com>
Date: Fri, 25 Jul 2025 14:17:07 +0200
Subject: Added the grid layout using custom css

---
 app/static/custom.css | 19 ++++++++++++-------
 1 file changed, 12 insertions(+), 7 deletions(-)

(limited to 'app/static')

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);
+    }
+}
-- 
cgit v1.3.1