fix space

src/components/custom/MarketInfo.vue

@@ -4,16 +4,17 @@
       <h2
         class="
           text-md
-          lg:text-6xl
+          lg:text-5xl
           font-bold
           leading-tight
-          lg:max-w-5xl
+          max-w-2xl
+          inline
         "
       >
         {{ main.title }}
       </h2>
       <div
-        class="my-5 max-w-xl text-lg lg:text-xl mx-auto text-gray-900 sm:mt-4"
+        class="my-5 max-w-3xl text-lg lg:text-xl mx-auto text-gray-900 sm:mt-4"
         v-html="main.content"
       ></div>
     </div>

src/components/custom/sections/Features.vue

@@ -327,7 +327,7 @@
     >
       {{ main.title }}
     </h2>
-    <div class="flex flex-wrap items-center -mx-4 lg:mb-20">
+    <div class="flex flex-wrap items-center lg:-mx-4 lg:mb-20">
       <div
         v-for="(feature, index) in features"
         :key="index"
@@ -359,7 +359,7 @@
     >
       {{ main.subtitle }}
     </p>
-    <div class="flex flex-wrap -mx-4 mb-6">
+    <div class="flex flex-wrap lg:-mx-4 mb-6">
       <div
         v-for="feature in features"
         :key="feature.id"