From 363bb60183debe40af9d2f0126d5bca0f3554942 Mon Sep 17 00:00:00 2001
From: ehab-hassan <hassane@codescalers.com>
Date: Mon, 20 Sep 2021 14:31:36 +0200
Subject: [PATCH] updpdate font size at grid

---
 src/components/custom/sections/CallToAction.vue             | 4 ++--
 .../marketing/sections/cta-sections/BrandPanel.vue          | 6 +++---
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/components/custom/sections/CallToAction.vue b/src/components/custom/sections/CallToAction.vue
index e6c544c6f..fb183655b 100644
--- a/src/components/custom/sections/CallToAction.vue
+++ b/src/components/custom/sections/CallToAction.vue
@@ -666,7 +666,7 @@
 
     <!-- grid -->
     <div class="w-full max-w-3xl mx-auto py-12" v-else-if="id == 'grid'">
-      <g-image :src="cta.image" class="mx-auto lg:w-80 my-10" />
+      <g-image :src="cta.image" class="mx-auto lg:w-1/3 my-10" />
       <h2
         v-if="cta.title"
         class="
@@ -682,7 +682,7 @@
       </h2>
       <div
         v-html="cta.content"
-        class="mt-6 mb-8 lg:text-2xl text-gray-800"
+        class="mt-6 mb-8 lg:text-xl text-gray-800"
       ></div>
       <a
         class="
diff --git a/src/components/marketing/sections/cta-sections/BrandPanel.vue b/src/components/marketing/sections/cta-sections/BrandPanel.vue
index 3c50d7bac..74df06f7e 100644
--- a/src/components/marketing/sections/cta-sections/BrandPanel.vue
+++ b/src/components/marketing/sections/cta-sections/BrandPanel.vue
@@ -393,7 +393,7 @@
         class="flex flex-wrap text-left"
       >
         <div class="lg:w-1/2 px-2 lg:mt-10 order-1 lg:order-none text-left">
-          <div class="lg:self-center">
+          <div class="px-2 lg:self-center">
             <h2 class="text-5xl mb-6 uppercase leading-none font-heading">
               <span class="block">{{ brand.title }}</span>
               <span class="block" v-if="brand.subtitle">{{
@@ -445,7 +445,7 @@
           <g-image class="lg:w-3/4" :src="image" :alt="brand.title" />
         </div>
         <div class="lg:w-1/2 px-2 lg:mt-10 order-1 lg:order-none">
-          <div class="px-10 lg:self-center">
+          <div class="px-2 lg:self-center">
             <h2 class="lg:text-5xl mb-8 uppercase leading-none font-heading">
               {{ brand.title }}
             </h2>
@@ -460,7 +460,7 @@
               class="
                 inline-block
                 bg-white
-                text-lg
+                lg:text-lg
                 learn-button
                 hover:bg-gray-400
                 px-12