From 254dace443ae4e2e76bdf5ff12cb6e0ca37d3ed8 Mon Sep 17 00:00:00 2001
From: samaradel <samar@incubaid.com>
Date: Sun, 7 Mar 2021 17:08:11 +0200
Subject: [PATCH] Fix home page on wider screens

---
 src/pages/Index.vue | 30 +++++++++++++++++++++---------
 1 file changed, 21 insertions(+), 9 deletions(-)

diff --git a/src/pages/Index.vue b/src/pages/Index.vue
index d7612b1e4..20fb7bee8 100644
--- a/src/pages/Index.vue
+++ b/src/pages/Index.vue
@@ -1,9 +1,11 @@
 <template>
   <Layout :hideHeader="true" :disableScroll="true">
-    <g-image
-      v-if="$page.markdownPage.solution_image"
-      :src="$page.markdownPage.solution_image.src"
-    />
+    <div class="container-fluid sm:pxi-0 mx-auto overflow-x-hidden">
+      <g-image
+        v-if="$page.markdownPage.solution_image"
+        :src="$page.markdownPage.solution_image.src"
+      />
+    </div>
     <div class="container sm:pxi-0 mx-auto overflow-x-hidden py-5">
       <SolutionsHeader
         v-if="$page.markdownPage.header"
@@ -63,12 +65,17 @@
       :signup="$page.markdownPage.signup"
     /> -->
     </div>
-    <g-image
-      v-if="$page.markdownPage.solution_image2"
-      :src="$page.markdownPage.solution_image2.src"
-    />
+    <div class="container-fluid sm:pxi-0 mx-auto overflow-x-hidden">
+      <g-image
+        v-if="$page.markdownPage.solution_image2"
+        :src="$page.markdownPage.solution_image2.src"
+      />
 
-    <CallToAction v-if="$page.markdownPage.cta" :cta="$page.markdownPage.cta" />
+      <CallToAction
+        v-if="$page.markdownPage.cta"
+        :cta="$page.markdownPage.cta"
+      />
+    </div>
   </Layout>
 </template>
 
@@ -207,3 +214,8 @@ export default {
   },
 };
 </script>
+<style scoped>
+.container-fluid {
+  max-width: 100% !important;
+}
+</style>
\ No newline at end of file