Fix containers

src/components/custom/VideoPanel.vue

@@ -15,7 +15,7 @@
       </div>
       <div class="px-6 lg:w-1/2">
         <h2
-          class="text-4xl leading-tight mb-6 font-bold font-heading uppercase"
+          class="text-4xl leading-tight my-0 font-bold font-heading uppercase"
         >
           {{ card.title }}
         </h2>

src/templates/MarkdownPage.vue

@@ -1,6 +1,6 @@
 <template>
   <Layout :hideHeader="true" :disableScroll="true">
-    <div class="container-fluid sm:pxi-0 mx-auto overflow-x-hidden py-5">
+    <div class="container sm:pxi-0 mx-auto overflow-x-hidden py-5">
       <Header
         v-if="
           $page.markdownPage.id !== 'contact' &&
@@ -16,8 +16,6 @@
         :button="$page.markdownPage.button"
         :link="$page.markdownPage.link"
       />
-    </div>
-    <div class="container sm:pxi-0 mx-auto overflow-x-hidden py-5">
       <SignUp
         v-if="$page.markdownPage.signup"
         :signup="$page.markdownPage.signup"
@@ -53,7 +51,6 @@
         :cta="$page.markdownPage.cta"
       />
 
-      <div class="container sm:pxi-0 mx-auto mt-8 overflow-x-hidden">
       <AppListItem
         v-if="
           $page.markdownPage.appData && $page.markdownPage.appData.length > 0
@@ -61,7 +58,6 @@
         :products="$page.markdownPage.appData"
         :main="$page.markdownPage.appsMain"
       />
-      </div>
       <ShowcaseProducts
         v-if="
           $page.markdownPage.productData &&
@@ -143,10 +139,7 @@
         :contacts="$page.markdownPage.contactData"
         v-if="$page.markdownPage.contactData.length > 0"
       />
-
     </div>
-
-    <div class="container sm:pxi-0 mx-auto overflow-x-hidden py-5"></div>
   </Layout>
 </template>