changed project main layout

components/swiper/Content.vue

@@ -1,23 +1,25 @@
 <template>
   <div class="relative w-full">
-    <div class="flex items-center justify-center absolute z-10 w-full">
-      <NuxtLink class="w-full" :to="project.link" target="_blank">
-        <img class="min-w-1/2" :src="project.img" :alt="project.title"
-      /></NuxtLink>
-    </div>
-    <div class="absolute bottom-0 z-20 bg-dark w-full pt-6">
-      <div class="flex flex-col gap-3 w-4/5">
-        <h3 class="uppercase">
-          {{ project.subtitle }}
-        </h3>
-        <NuxtLink :to="project.link" target="_blank"
-          ><h2
-            class="font-semibold text-4xl uppercase underline-link white-underline"
+    <div class="flex flex-col justify-between gap-6 h-full">
+      <div class="flex items-center justify-center w-full h-full">
+        <NuxtLink class="w-3/5" :to="project.link" target="_blank">
+          <img class="min-w-1/2" :src="project.img" :alt="project.title"
+        /></NuxtLink>
+      </div>
+      <div class="bg-dark w-full">
+        <div class="flex flex-col gap-3 w-4/5">
+          <h3 class="uppercase">
+            {{ project.subtitle }}
+          </h3>
+          <NuxtLink :to="project.link" target="_blank"
+            ><h2
+              class="font-semibold text-4xl uppercase underline-link white-underline"
+            >
+              {{ project.title }}
+            </h2></NuxtLink
           >
-            {{ project.title }}
-          </h2></NuxtLink
-        >
-        <p>{{ project.description }}</p>
+          <p>{{ project.description }}</p>
+        </div>
       </div>
     </div>
   </div>

constants/project-items.ts

@@ -17,7 +17,7 @@ export const projectItems = [
   },
   {
     title: "Map App",
-    subtitle: "Hiking with real time Tracking",
+    subtitle: "Hiking App with real time Tracking",
     description: "Just Short",
     img: "/app/icons/map-legend.svg",
     link: "https://balazsmap.live",