Refined sections for 4k

canopas · Oct 28, 2023 · f2dd64c · f2dd64c
1 parent dd6c639
commit f2dd64c
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 5 deletions.
diff --git a/vue-frontend/src/components/ios-app-development/DevelopmentSection.vue b/vue-frontend/src/components/ios-app-development/DevelopmentSection.vue
@@ -1,6 +1,6 @@
 <template>
   <div
-    class="tw-my-16 md:tw-my-24 lg:tw-my-60 tw-flex tw-flex-col xll:tw-container 3xl:tw-outer-container"
+    class="tw-my-16 md:tw-my-24 lg:tw-my-60 3xl:tw-my-[264px] tw-flex tw-flex-col xll:tw-container 3xl:tw-outer-container"
   >
     <div
       class="tw-container tw-mb-2.5 md:tw-mb-7 tw-flex tw-flex-col tw-text-center"

diff --git a/vue-frontend/src/components/ios-app-development/FaqSection.vue b/vue-frontend/src/components/ios-app-development/FaqSection.vue
@@ -164,13 +164,13 @@
       </div>
     </div>
     <div
-      class="tw-hidden lg:tw-block tw-container tw--mt-8 tw-text-right lg:tw-pt-4 xl:tw-pr-[4.5rem] 2xl:tw-pr-40"
+      class="tw-hidden lg:tw-block tw-container tw--mt-8 tw-text-right lg:tw-pt-4 xl:tw-pr-16 2xl:tw-pr-40"
     >
       <button
         v-if="isActivePrev"
         type="button"
         :disabled="!isActivePrev"
-        class="lg:tw--mr-4 tw-h-12 tw-flex tw-ml-auto tw-items-center tw-text-center"
+        class="tw-h-12 tw-flex tw-ml-auto tw-items-center tw-text-center"
         @click="slide(-1)"
         @click.native="mixpanel.track('tap_ios_app_faq_previous_arrow')"
         aria-label="leftArrow"
@@ -185,7 +185,7 @@
       <button
         v-else
         type="button"
-        class="lg:tw--mr-4 tw-h-12 tw-flex tw-ml-auto tw-items-center tw-text-center"
+        class="tw-h-12 tw-flex tw-ml-auto tw-items-center tw-text-center"
         :disabled="!isActiveNext"
         @click="slide(1)"
         @click.native="mixpanel.track('tap_ios_app_faq_next_arrow')"

diff --git a/vue-frontend/src/components/ios-app-development/SuccessStory.vue b/vue-frontend/src/components/ios-app-development/SuccessStory.vue
@@ -1,5 +1,5 @@
 <template>
-  <section class="tw-my-20 lg:tw-my-60">
+  <section class="tw-my-20 lg:tw-my-60 3xl:tw-mt-[315px]">
     <div
       class="tw-container md:tw-mt-36 lg:tw-mb-8 tw-mb-7 tw-mx-auto tw-text-center"
     >