From 272e565fb79f7126459f011fd28c4c687cb8eca0 Mon Sep 17 00:00:00 2001
From: apurvab <apurvabangali@gmail.com>
Date: Wed, 12 Jun 2024 12:08:01 +0530
Subject: [PATCH] fix:change font size on gallery section

---
 _dev/elegance.css                         |  2 +-
 assets/css/theme.css                      | 22 +++++++++++++---------
 templates/layouts/layout-both-columns.tpl | 14 +++++++-------
 3 files changed, 21 insertions(+), 17 deletions(-)

diff --git a/_dev/elegance.css b/_dev/elegance.css
index 93d3527..4a12962 100644
--- a/_dev/elegance.css
+++ b/_dev/elegance.css
@@ -66,7 +66,7 @@ input[type="radio"],input[type="checkbox"] {
   }
 }
 
-@media (max-width: 640px) {
+@media (max-width: 1024px) {
   .hide-on-small {
     display: none;
   }
diff --git a/assets/css/theme.css b/assets/css/theme.css
index 46160e1..5ef4ba9 100755
--- a/assets/css/theme.css
+++ b/assets/css/theme.css
@@ -835,10 +835,6 @@ select {
   top: 100%;
 }
 
-.left-2 {
-  left: 0.5rem;
-}
-
 .z-10 {
   z-index: 10;
 }
@@ -1537,6 +1533,14 @@ select {
   padding-right: 0px;
 }
 
+.pr-1 {
+  padding-right: 0.25rem;
+}
+
+.pr-1\.5 {
+  padding-right: 0.375rem;
+}
+
 .pr-2 {
   padding-right: 0.5rem;
 }
@@ -1812,7 +1816,7 @@ input[type="radio"]:focus,input[type="checkbox"]:focus {
   }
 }
 
-@media (max-width: 640px) {
+@media (max-width: 1024px) {
   .hide-on-small {
     display: none;
   }
@@ -2188,10 +2192,6 @@ input[type="radio"]:focus,input[type="checkbox"]:focus {
     bottom: 0.75rem;
   }
 
-  .lg\:left-0 {
-    left: 0px;
-  }
-
   .lg\:right-0 {
     right: 0px;
   }
@@ -2282,6 +2282,10 @@ input[type="radio"]:focus,input[type="checkbox"]:focus {
     line-height: 1.75rem;
   }
 
+  .lg\:font-bold {
+    font-weight: 700;
+  }
+
   .lg\:shadow-none {
     --tw-shadow: 0 0 #0000;
     --tw-shadow-colored: 0 0 #0000;
diff --git a/templates/layouts/layout-both-columns.tpl b/templates/layouts/layout-both-columns.tpl
index 1f4c146..167c9af 100644
--- a/templates/layouts/layout-both-columns.tpl
+++ b/templates/layouts/layout-both-columns.tpl
@@ -128,18 +128,18 @@
 
    <div class=" text-white grid grid-cols-2 grid-rows-* gap-y-1 gap-x-1 mb-1">
    <div class="row-span-3 col-start-1 row-end-2 relative">
-    <h3 class="absolute lg:bottom-3 bottom-1 right-0 font-bold lg:text-xl mb-2 text-xs lg:p-4">Business Suits for Men</h3>
+    <h3 class="absolute lg:bottom-3 bottom-1 right-0 lg:font-bold font-medium lg:text-xl mb-2 pr-1.5 text-xs lg:p-4">Business Suits for Men</h3>
     <h3 class="absolute bottom-0 right-0 text-white text-lg hide-on-small p-4">Make a powerful impression and radiate confidence</h3>
     <img class="object-cover" src="https://brooksbingham-season5.sfo2.cdn.digitaloceanspaces.com/site-static-assets/gallery/Left-big%20img.jpg" alt="Tailored business Suits designed for you to make a                         
     powerful impression and radiate confidence." />
     </div>
    <div class="col-span-1 col-start-2 row-span-2  flex relative">
-    <h3 class="absolute lg:bottom-3 bottom-1 lg:right-0 text-end font-bold lg:text-xl text-xs mb-2 lg:p-4">Browse through our design</h3>
-    <h3 class="absolute bottom-0 right-0 text-lg hide-on-small pr-2 p-4">Get inspired with our curated outfit ideas</h3>
+    <h3 class="absolute lg:bottom-3 bottom-1 lg:right-0 text-end lg:font-bold font-medium lg:text-xl text-xs mb-2 lg:w-full w-32 lg:p-4">Browse through our design</h3>
+    <h3 class="absolute bottom-0 right-0 text-lg hide-on-small  p-4">Get inspired with our curated outfit ideas</h3>
     <img class=" object-cover" src="https://brooksbingham-season5.sfo2.cdn.digitaloceanspaces.com/site-static-assets/gallery/Right-small-img1.png" />
     </div>
     <div class="row-start-1 col-start-2 col-span-1 row-span-1 relative ">
-    <h3 class="absolute lg:bottom-3 bottom-1 lg:right-0 right-2 font-bold lg:text-xl mb-2 text-xs lg:p-4">Get the perfect fit</h3>
+    <h3 class="absolute lg:bottom-3 bottom-1 lg:right-0 right-2 lg:font-bold font-medium lg:text-xl mb-2 text-xs lg:p-4">Get the perfect fit</h3>
     <h3 class="absolute bottom-0 right-0 text-lg p-4 hide-on-small">Get inspired with our curated outfit ideas</h3>
     <img class=" object-cover h-full" src="https://brooksbingham-season5.sfo2.cdn.digitaloceanspaces.com/site-static-assets/gallery/Right-small-img2.jpg" 
     alt="The future of fashion with our innovative designs. Customization options tailored to your measurements and discover your perfect fit in minutes" />
@@ -149,18 +149,18 @@
 
    <div class=" text-white grid grid-cols-2 grid-rows-* gap-y-1 gap-x-1">
    <div class="row-span-3 col-start-2 row-end-2 relative">
-    <h3 class="absolute lg:bottom-3 bottom-1 right-0  font-bold lg:text-xl mb-2 text-xs lg:p-4">Wear Your Identity</h3>
+    <h3 class="absolute lg:bottom-3 bottom-1 right-0 lg:font-bold font-medium pr-1.5 lg:text-xl mb-2 text-xs lg:p-4">Wear Your Identity</h3>
     <h3 class="absolute bottom-0 right-0 text-white text-lg hide-on-small p-4">Fashion that speaks volumes</h3>
     <img class="object-cover" src="https://brooksbingham-season5.sfo2.cdn.digitaloceanspaces.com/site-static-assets/gallery/Right-big%20img.jpg" />
     </div>
    <div class="col-span-1 col-start-1 row-span-2  flex relative">
-    <h3 class="absolute lg:bottom-3 bottom-1 lg:right-0 right-2 font-bold lg:text-xl mb-2 text-xs lg:p-4">Timeless Quality </h3>
+    <h3 class="absolute lg:bottom-3 bottom-1 lg:right-0 right-2 lg:font-bold font-medium lg:text-xl mb-2 text-xs lg:p-4">Timeless Quality </h3>
     <h3 class="absolute bottom-0 right-0 text-lg hide-on-small p-4">Fashion that stands the test of time</h3>
     <img class=" object-cover" src="https://brooksbingham-season5.sfo2.cdn.digitaloceanspaces.com/site-static-assets/gallery/Left-small-img1.jpg" alt="Invest in enduring fashion with our commitment to quality and 
     durability.From custom-made tuxedos to business suits, each piece stands the test of time." />
     </div>
     <div class="row-start-1 col-start-1 col-span-1 row-span-1 relative ">
-    <h3 class="absolute lg:bottom-3 bottom-1 lg:right-0 text-end pr-2 font-bold lg:text-xl mb-2 text-xs lg:p-4">Tailored to your specifications </h3>
+    <h3 class="absolute lg:bottom-3 bottom-1 lg:right-0 text-end pr-2 lg:font-bold font-medium lg:text-xl mb-2 text-xs lg:p-4">Tailored to your specifications </h3>
     <h3 class="absolute bottom-0 right-0 hide-on-small text-lg p-4">Tailor every detail to match your preferences</h3>
     <img class=" object-cover h-full" src="https://brooksbingham-season5.sfo2.cdn.digitaloceanspaces.com/site-static-assets/gallery/Left-small-img2.png" /> </div>
     </div>