From 3fff2b60fb20935e3fb2c11f7845a85c01d01352 Mon Sep 17 00:00:00 2001
From: samaradel <samar@incubaid.com>
Date: Sun, 19 Sep 2021 16:56:18 +0200
Subject: [PATCH] Fix market info sec in small screens

---
 src/components/custom/MarketInfo.vue | 48 +++++++++++++---------------
 1 file changed, 23 insertions(+), 25 deletions(-)

diff --git a/src/components/custom/MarketInfo.vue b/src/components/custom/MarketInfo.vue
index 20cdccb4e..7828a90cd 100644
--- a/src/components/custom/MarketInfo.vue
+++ b/src/components/custom/MarketInfo.vue
@@ -9,8 +9,8 @@
         v-html="main.content"
       ></div>
     </div>
-    <div class="flex flex-col my-1 px-1 w-1/2 overflow-hidden">
-      <g-image :src="mainItem.image" class="w-3/4 mx-auto " />
+    <div class="flex flex-col my-1 px-1 lg:w-1/2 overflow-hidden">
+      <g-image :src="mainItem.image" class="w-3/4 mx-auto" />
       <div class="flex-1 bg-white p-6 flex flex-col justify-between">
         <div class="flex-1">
           <div
@@ -21,31 +21,29 @@
       </div>
     </div>
 
-    <div class="my-1 px-1 w-1/2 overflow-hidden">
-      <!-- Column Content -->
-      <div class="flex my-14 mx-5" v-for="info in marketInfo" :key="info">
-        <div class="flex-shrink-0">
-          <div
-            class="
-              flex
-              items-center
-              justify-center
-              h-24
-              w-24
-              rounded-md
-              text-white
-            "
-          >
-            <g-image :src="info.image" class="w-full" />
-          </div>
-        </div>
-        <div class="ml-4">
-          <div
-            class="mt-4 lg:text-2xl max-w-md leading-6 text-gray-900"
-            v-html="info.content"
-          ></div>
+    <!-- Column Content -->
+    <div class="flex my-14 mx-5" v-for="info in marketInfo" :key="info">
+      <div class="flex-shrink-0">
+        <div
+          class="
+            flex
+            items-center
+            justify-center
+            h-24
+            w-24
+            rounded-md
+            text-white
+          "
+        >
+          <g-image :src="info.image" class="w-full" />
         </div>
       </div>
+      <div class="ml-4">
+        <div
+          class="mt-4 lg:text-2xl max-w-md leading-6 text-gray-900"
+          v-html="info.content"
+        ></div>
+      </div>
     </div>
   </div>
 </template>