From 14d0a11a19246e4e1a17447a74b8ee1fbb8afb51 Mon Sep 17 00:00:00 2001
From: samaradel <samar@incubaid.com>
Date: Mon, 20 Sep 2021 11:07:38 +0200
Subject: [PATCH] Fix market info grid

---
 src/components/custom/MarketInfo.vue | 30 ++++++++++------------------
 1 file changed, 10 insertions(+), 20 deletions(-)

diff --git a/src/components/custom/MarketInfo.vue b/src/components/custom/MarketInfo.vue
index c5989f7a9..a65b2cb54 100644
--- a/src/components/custom/MarketInfo.vue
+++ b/src/components/custom/MarketInfo.vue
@@ -31,27 +31,17 @@
     </div>
 
     <!-- Column Content -->
-    <div class="flex my-5 lg: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 class="flex flex-col my-1 px-1 lg:w-1/2 overflow-hidden">
+      <div class="flex my-10" v-for="info in marketInfo" :key="info.id">
+        <div class="flex-shrink-0">
+          <g-image :src="info.image" class="h-24 w-24" />
+        </div>
+        <div class="ml-4">
+          <div
+            class="mt-5 text-xl leading-6 text-gray-900"
+            v-html="info.content"
+          ></div>
         </div>
-      </div>
-      <div class="ml-4">
-        <div
-          class="mt-4 text-lg lg:text-2xl max-w-md leading-6 text-gray-900"
-          v-html="info.content"
-        ></div>
       </div>
     </div>
   </div>