Change image sequence

canopas · Oct 4, 2023 · 614f3c4 · 614f3c4
1 parent 75995e3
commit 614f3c4
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 2 deletions.
diff --git a/vue-frontend/src/assets/images/ios-app-development/casestudy/mobile/togness1.webp b/vue-frontend/src/assets/images/ios-app-development/casestudy/mobile/togness1.webp
diff --git a/vue-frontend/src/assets/images/ios-app-development/casestudy/mobile/togness2.webp b/vue-frontend/src/assets/images/ios-app-development/casestudy/mobile/togness2.webp
diff --git a/vue-frontend/src/components/ios-app-development/CaseStudySection.vue b/vue-frontend/src/components/ios-app-development/CaseStudySection.vue
@@ -21,14 +21,19 @@
       >
         <div
           class="tw-basis-[50%] tw-flex"
-          :class="index == 0 || index == 2 ? 'tw-items-end tw-justify-end' : ''"
+          :class="
+            index == 0 || index == 2
+              ? 'tw-items-end tw-justify-end xs:-tw-mr-6'
+              : ''
+          "
         >
           <img
             :src="portfolio.image[0]"
             :srcset="`${portfolio.image[0]} 400w`"
             :alt="portfolio.title"
             class="tw-w-[137px] xs:tw-w-[200px] xs:tw-h-[350px] tw-h-[297px] tw-object-cover"
             loading="lazy"
+            :class="index == 1 ? 'tw-mt-32 xs:-tw-ml-6' : ''"
           />
         </div>
         <div
@@ -44,7 +49,7 @@
           />
           <div
             class="tw-w-11/12 sm:tw-w-9/12 tw-flex tw-flex-col tw-ml-[10%] tw-pr-3.5 xs:tw-p-3"
-            :class="index == 1 ? 'tw-pl-3.5' : ''"
+            :class="index == 1 ? 'tw-pl-3.5 tw-w-full' : ''"
           >
             <h2
               class="tw-tracking-[-4%] tw-mb-2.5 tw-font-opensans-bold tw-text-2xl tw-leading-9 tw-text-black-core/[0.87]"