Fix:Resize Cta section background and Alignment of blog section

canopas · Oct 3, 2023 · ac18743 · ac18743
1 parent 7139be1
commit ac18743
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 4 deletions.
diff --git a/vue-frontend/src/components/ios-app-development/BlogSection.vue b/vue-frontend/src/components/ios-app-development/BlogSection.vue
@@ -216,10 +216,13 @@ export default {
   inject: ["mixpanel"],
 };
 </script>
-<style lang="postcss" scoped>
+<style lang="postcss">
 @import "swiper/css";
 @import "swiper/css/effect-creative";
 .swiper-slide {
   @apply !tw-overflow-visible;
 }
+.swiper-wrapper {
+  @apply !tw-items-start;
+}
 </style>
diff --git a/vue-frontend/src/components/ios-app-development/CtaSection.vue b/vue-frontend/src/components/ios-app-development/CtaSection.vue
@@ -38,17 +38,17 @@
     </div>
     <!-- Desktop view start -->
     <div
-      class="tw-relative tw-mb-16 tw-h-80 xll:tw-h-[30rem] tw-hidden md:tw-block"
+      class="tw-relative tw-mb-16 tw-h-80 lg:tw-h-[476px] tw-hidden md:tw-block"
     >
       <img
         :src="BackgroundImage[1]"
         :srcset="`${BackgroundImage[1]} 800w,${BackgroundImage[2]} 1200w,${BackgroundImage[3]} 2400w`"
         alt="Background-Image"
-        class="tw-h-full lg:tw-h-[22.5rem] xll:tw-h-full tw-w-full tw-object-cover"
+        class="tw-h-full tw-w-full tw-object-cover"
         loading="lazy"
       />
       <div
-        class="tw-container tw-absolute tw-left-1/2 tw-flex tw-w-full tw--translate-x-1/2 tw--translate-y-[150%] lg:tw--translate-y-[114%] xll:tw--translate-y-[134%] tw-transform tw-flex-row tw-items-center"
+        class="tw-container tw-absolute tw-left-1/2 tw-flex tw-w-full tw--translate-x-1/2 tw--translate-y-[15.55rem] lg:tw--translate-y-[24rem] tw-transform tw-flex-row tw-items-center"
       >
         <div class="tw-flex tw-w-[66%]">
           <div