From bede4a73ed5845480b80dc6d64400e583907dd5f Mon Sep 17 00:00:00 2001
From: ehab-hassan <hassane@codescalers.com>
Date: Sun, 28 Mar 2021 11:11:44 +0200
Subject: [PATCH] update brandpanel comp

---
 src/assets/scss/main.scss                           | 13 ++++++++++++-
 .../marketing/sections/cta-sections/BrandPanel.vue  |  6 +++---
 2 files changed, 15 insertions(+), 4 deletions(-)

diff --git a/src/assets/scss/main.scss b/src/assets/scss/main.scss
index 081614cd7..f50d4f17c 100644
--- a/src/assets/scss/main.scss
+++ b/src/assets/scss/main.scss
@@ -91,6 +91,10 @@ ul {
     background-color: #C2AEEC;
 }
 
+.text-3xl {
+    font-size: 2.50rem
+}
+
 .no-border {
     border-width: 0px !important;
 }
@@ -139,7 +143,11 @@ button:focus {
     font-size: 5rem;
     line-height: 1;
 }
-
+@media (min-width: 375px) {
+    .text-3xl {
+        font-size: 2.25rem
+    }
+}
 @media (min-width: 768px) {
     .with-large>.flex-post:nth-child(5n),
     .with-large>.flex-post:nth-child(5n-1) {
@@ -197,6 +205,9 @@ button:focus {
             @apply text-xl;
         }
     }
+    .text-3xl {
+        font-size: 2.50rem
+    }
     // .news>.flex-post:nth-child(9n+1),
     // .news>.flex-post:nth-child(9n+2) {
     //     // @apply flex-100;
diff --git a/src/components/marketing/sections/cta-sections/BrandPanel.vue b/src/components/marketing/sections/cta-sections/BrandPanel.vue
index 2c9394b8e..0a389790a 100644
--- a/src/components/marketing/sections/cta-sections/BrandPanel.vue
+++ b/src/components/marketing/sections/cta-sections/BrandPanel.vue
@@ -5,11 +5,11 @@
         class="brandpanel rounded-lg shadow-xl overflow-hidden lg:grid lg:grid-cols-2 lg:gap-4"
       >
         <div
-          class="pt-10 pb-12 px-6 sm:pt-16 sm:px-16 lg:py-16 lg:pr-0 xl:py-20 xl:px-20"
+          class="pt-10 pb-12 px-6 sm:pt-16 sm:px-16 lg:py-16 lg:pr-0 xl:py-20 xl:px-15"
         >
           <div class="lg:self-center">
             <h2
-              class="text-3xl leading-9 font-extrabold text-white sm:text-4xl sm:leading-10"
+              class="text-3xl leading-9 font-extrabold text-white sm:leading-10"
             >
               <span class="block">{{ brand.title }}</span>
               <span class="block" v-if="brand.subtitle">{{
@@ -29,7 +29,7 @@
         </div>
         <div class="relative pb-3/5 -mt-6 md:pb-1/2">
           <g-image
-            class="absolute brandpanel inset-0 w-full h-full transform translate-x-6 translate-y-6 rounded-md object-cover object-left-top sm:translate-x-16 lg:translate-y-20"
+            class="absolute brandpanel inset-0 w-full h-full transform translate-x-0 translate-y-6 rounded-md object-fill object-left-top sm:translate-x-0 lg:translate-y-20"
             :src="image"
             :alt="brand.title"
           />