From 48741ebdd0c5b4fa8b6036e23dc3e803b08c2c53 Mon Sep 17 00:00:00 2001
From: Hardik Sharma <sharmahardikaz@gmail.com>
Date: Fri, 17 Mar 2023 17:06:17 +0530
Subject: [PATCH 1/2] Made tansbox2 responsive

---
 CSS/front_page.css | 36 ++++++++++++++++++++++++++++++++++++
 1 file changed, 36 insertions(+)

diff --git a/CSS/front_page.css b/CSS/front_page.css
index 0ab400e..2a3a58d 100644
--- a/CSS/front_page.css
+++ b/CSS/front_page.css
@@ -71,6 +71,42 @@ header
     animation-iteration-count: 1;
     animation-fill-mode: forwards;
 }
+/* Setting media queries for the transbox2-Hardik */
+@media only screen and (max-width:765px){
+    .logo1{
+        display: none;
+    }
+    .logo2{
+        display: none;
+    }
+    .transbox2 .heading1{
+        font-size: 2.7em;
+    }
+    .transbox2 .heading2 span{
+        font-size: 1em;
+    }
+    .transbox2 .heading2{
+        font-size: 2.9em;
+    }
+    .transbox2 .heading3{
+        font-size: 1.5em;
+    }
+}
+@media only screen and (max-width:485px){
+    .transbox2 .heading2 span{
+        font-size: 0.8em;
+    }
+    .transbox2 .heading1{
+        font-size: 2.6em;
+    }
+    .transbox2 .heading2{
+        font-size: 2.2em;
+    }
+    .transbox2 .heading3{
+        font-size: 1.3em;
+    }
+}
+/* Media uery setup of transbox2 ends here */
 .Text{/*common properties for all the text present on the blue box*/ 
     display: inline-block;
     text-align: center;

From 2262e9cb5146116806db3317f27d56a56b47e29b Mon Sep 17 00:00:00 2001
From: Hardik Sharma <sharmahardikaz@gmail.com>
Date: Tue, 28 Mar 2023 22:59:12 +0530
Subject: [PATCH 2/2] Added responsiveness to transbox3

---
 CSS/front_page.css | 13 ++++++++++++-
 1 file changed, 12 insertions(+), 1 deletion(-)

diff --git a/CSS/front_page.css b/CSS/front_page.css
index 2a3a58d..98ed76d 100644
--- a/CSS/front_page.css
+++ b/CSS/front_page.css
@@ -240,9 +240,12 @@ span{/*Setting properties for < and > symbol which is present before and after t
             align-items: center;
         }
         .transbox3{
-            height: 30rem;
+            height: 17rem;
             
         }
+        .Gallery{
+            height: 20vh;
+        }
 }
 /* For ipad */
 @media (max-width:1024px) and (min-width: 769px)
@@ -258,6 +261,7 @@ span{/*Setting properties for < and > symbol which is present before and after t
         .item{
             margin-left: 2vw;
         }
+        
        
 }
 
@@ -315,6 +319,13 @@ span{/*Setting properties for < and > symbol which is present before and after t
         align-items: center;
         padding: 1.0rem;
         overflow-x: scroll;
+        height: 15vh;
+    }
+    .transbox3{
+        height: 10rem;
+    }
+    .item{
+        height: 100px;
     }
     .leftgallerybttn, .rightgallerybttn{
         /* display: none; */