From 74039a6c4b8ae4bc47568eeb93ea744188a84758 Mon Sep 17 00:00:00 2001
From: c00b3r <sanuyOKmaklaren0@gmail.com>
Date: Wed, 21 May 2025 19:18:20 +0500
Subject: [PATCH] fix layout

---
 src/components/SliderMobile.tsx | 2 +-
 src/pages/AboutComplexPage.tsx  | 8 ++++----
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/components/SliderMobile.tsx b/src/components/SliderMobile.tsx
index 264e177..00662c7 100644
--- a/src/components/SliderMobile.tsx
+++ b/src/components/SliderMobile.tsx
@@ -82,7 +82,7 @@ function SliderMobile() {
         <Slider categoryName='Community' />
       </motion.div>
       <motion.div
-        className='sticky h-full top-[18vw] flex flex-col gap-[6.667vw] z-3 bg-white'
+        className='sticky h-full top-[18vw] flex flex-col gap-[6.667vw] z-1 bg-white'
         style={{ opacity: opacityFourthSlide }}
       >
         <div className='h-[2px] bg-gray-300 w-full'></div>
diff --git a/src/pages/AboutComplexPage.tsx b/src/pages/AboutComplexPage.tsx
index 57b613a..38bfe5c 100644
--- a/src/pages/AboutComplexPage.tsx
+++ b/src/pages/AboutComplexPage.tsx
@@ -56,7 +56,7 @@ function AboutComplexPage() {
   return (
     <div className='relative bg-white' ref={containerRef}>
       <motion.section
-        className='md:h-[calc(100dvh-4.444vw)] w-full bg-white text-black 2xl:fixed top-[4.444vw] left-0 right-0 z-0 max-md:top-[15.556vw]] 
+        className='md:h-[calc(100dvh-4.444vw)] w-full bg-white text-black md:fixed top-[4.444vw] left-0 right-0 z-0 max-md:top-[15.556vw]] 
         max-md:bg-[url(/images/about-complex/dubai-marina/tower-mobile.png)] max-md:bg-cover max-md:bg-top max-md:bg-no-repeat max-md:aspect-[360/584]'
         style={{
           opacity: width > 768 ? firstSectionOpacity : 1,
@@ -66,7 +66,7 @@ function AboutComplexPage() {
           <img
             src='/images/about-complex/dubai-marina/tower.jpg'
             alt='dubai marina about'
-            className='h-full w-full object-cover object-top max-md:hidden'
+            className='h-full w-full object-contain object-bottom max-md:hidden'
           />
           <img
             src='/images/about-complex/dubai-marina/logo.png'
@@ -129,11 +129,11 @@ function AboutComplexPage() {
                   and social lifestyle.`}
               </p>
             </div>
-            <div className='flex gap-[0.556vw] mt-[0.833vw] 2xl:h-[26.667vw]  max-md:pl-[4.444vw] max-md:pr-[2vw] max-md:gap-[2.222vw] max-md:snap-x max-md:py-[6.667vw] max-md:overflow-x-auto max-md:self-start max-md:w-screen max-md:-ml-[4.444vw] '>
+            <div className='flex gap-[0.556vw] mt-[0.833vw] 2xl:h-[26.667vw] max-md:pl-[4.444vw] max-md:pr-[2vw] max-md:gap-[2.222vw] max-md:snap-x max-md:py-[6.667vw] max-md:overflow-x-auto max-md:self-start max-md:w-screen max-md:-ml-[4.444vw] '>
               {dubaiMarinaFeatures.map((feature) => (
                 <div
                   key={feature.name}
-                  className={`rounded-3xl flex-1 2xl:h-[26.667vw] w-full flex flex-col items-center py-[1.667vw] justify-end bg-cover bg-center bg-no-repeat relative before:absolute before:inset-0 before:bg-[#0D1922]/10 before:z-2 before:rounded-3xl
+                  className={`rounded-3xl flex-1 md:h-[26.667vw] w-full flex flex-col items-center py-[1.667vw] justify-end bg-cover bg-center bg-no-repeat relative before:absolute before:inset-0 before:bg-[#0D1922]/10 before:z-1 before:rounded-3xl
                     max-md:w-[91.111vw] max-md:flex-none aspect-[268/384] max-md:aspect-[328/287] max-md:snap-always max-md:snap-center max-md:py-[4.444vw]`}
                   style={{
                     backgroundImage: `url(${feature.image})`,