From b09b1b02e0fa43b540f2c252b972db1f4840714b Mon Sep 17 00:00:00 2001
From: Hardik Sharma <sharmahardikaz@gmail.com>
Date: Sat, 15 Apr 2023 12:05:49 +0530
Subject: [PATCH] Improved transbox 2 and transbox3

---
 CSS/front_page.css | 34 ++++++++++++++++++++++++++++++++--
 1 file changed, 32 insertions(+), 2 deletions(-)

diff --git a/CSS/front_page.css b/CSS/front_page.css
index 0ab400e..88eaa44 100644
--- a/CSS/front_page.css
+++ b/CSS/front_page.css
@@ -202,11 +202,15 @@ span{/*Setting properties for < and > symbol which is present before and after t
             display: flex;
             justify-content: center;
             align-items: center;
+            height: 30vh;
         }
         .transbox3{
-            height: 30rem;
+            height: 17rem;
             
         }
+        #gallery_imgs{
+            height: 30vh;
+        }
 }
 /* For ipad */
 @media (max-width:1024px) and (min-width: 769px)
@@ -235,7 +239,26 @@ span{/*Setting properties for < and > symbol which is present before and after t
         align-items: center;
         margin-bottom: 14vh;
     }
+    .transbox2 .heading1{
+font-size: 20px;
+    }
+    .transbox2 .heading2{
+        font-size: 29px;
+            }
+            .transbox2 .heading3{
+                font-size: 16px;
+                    }
+                    .logo1{
+                        display: none;
+                    }
+                    .logo2{
+                       display: none;
+                    }
+                   .heading2 span{
+                        font-size: 20px;
+                    }
 }
+
 /* For mobile devivces */
 @media (max-width:480px) and (min-width: 320px)
 {
@@ -246,7 +269,7 @@ span{/*Setting properties for < and > symbol which is present before and after t
         height: 11rem;
     }
     .transbox3{
-        height: 25rem;
+        height: 12rem;
     }
     .heading1, .heading2{
         margin-right: 2.1rem;
@@ -279,6 +302,13 @@ span{/*Setting properties for < and > symbol which is present before and after t
         align-items: center;
         padding: 1.0rem;
         overflow-x: scroll;
+        height: 26vh;
+    }
+    #gallery_imgs{
+        height: 26vh;
+    }
+    .item{
+        height: 116px;
     }
     .leftgallerybttn, .rightgallerybttn{
         /* display: none; */