From 328aac8cdff0a688971937563c54e98f334dab82 Mon Sep 17 00:00:00 2001
From: Jadessu <junioradessu@gmail.com>
Date: Sat, 11 Jan 2025 11:41:13 +0000
Subject: [PATCH 1/2] rearrange sections

---
 .../NewLandings/FutaLanding.module.css        |  2 +-
 .../NewLandings/FutaLanding2.module.css       | 19 +++++++++++-
 .../FutaLandings/NewLandings/FutaLanding2.tsx | 21 ++++++++++++++
 .../NewLandings/FutaLanding3.module.css       | 15 +++++++++-
 .../NewLandings/FutaLanding4.module.css       | 17 ++++++++++-
 .../NewLandings/FutaLanding5.module.css       | 29 +++++++++++++++++--
 6 files changed, 97 insertions(+), 6 deletions(-)

diff --git a/src/pages/platformFuta/Home/FutaLandings/NewLandings/FutaLanding.module.css b/src/pages/platformFuta/Home/FutaLandings/NewLandings/FutaLanding.module.css
index fadce0a469..551d5b08bb 100644
--- a/src/pages/platformFuta/Home/FutaLandings/NewLandings/FutaLanding.module.css
+++ b/src/pages/platformFuta/Home/FutaLandings/NewLandings/FutaLanding.module.css
@@ -71,4 +71,4 @@ font-size: 64px;
 
     }
 
-}
\ No newline at end of file
+}
diff --git a/src/pages/platformFuta/Home/FutaLandings/NewLandings/FutaLanding2.module.css b/src/pages/platformFuta/Home/FutaLandings/NewLandings/FutaLanding2.module.css
index e26f477e51..c46b0bdc8b 100644
--- a/src/pages/platformFuta/Home/FutaLandings/NewLandings/FutaLanding2.module.css
+++ b/src/pages/platformFuta/Home/FutaLandings/NewLandings/FutaLanding2.module.css
@@ -129,4 +129,21 @@ width: 100%;
 }
 
 
-}
\ No newline at end of file
+}
+
+@media only screen and (min-width: 1600px) {
+    .container{
+
+        display: flex;
+        flex-direction: row;
+        justify-content: center;
+        align-items: center;
+       width: 1570px;
+       gap: 256px;
+        
+       margin: 0 auto;
+    }
+
+
+    
+    }
\ No newline at end of file
diff --git a/src/pages/platformFuta/Home/FutaLandings/NewLandings/FutaLanding2.tsx b/src/pages/platformFuta/Home/FutaLandings/NewLandings/FutaLanding2.tsx
index 86226749e3..e64fb4395f 100644
--- a/src/pages/platformFuta/Home/FutaLandings/NewLandings/FutaLanding2.tsx
+++ b/src/pages/platformFuta/Home/FutaLandings/NewLandings/FutaLanding2.tsx
@@ -1,9 +1,30 @@
+import { useEffect, useState } from 'react';
 import circleSvg from './Circle.svg';
 import styles from './FutaLanding2.module.css';
 export default function FutaLanding2() {
+    const [width, setWidth] = useState(window.innerWidth);
+
+    useEffect(() => {
+        // Function to update the width state
+        const handleResize = () => {
+            setWidth(window.innerWidth);
+        };
+
+        // Add event listener for window resize
+        window.addEventListener('resize', handleResize);
+
+        // Cleanup function to remove event listener
+        return () => {
+            window.removeEventListener('resize', handleResize);
+        };
+    }, []);
+
     return (
         <div className={styles.container}>
             <div className={styles.content}>
+                <p>{width > 1600 ? 'monitor' : 'laptop'}</p>
+                <h3> width: {width}</h3>
+
                 <h3>/FAIR AUCTIONS</h3>
 
                 <p>Tickers are auctioned over a set period.</p>
diff --git a/src/pages/platformFuta/Home/FutaLandings/NewLandings/FutaLanding3.module.css b/src/pages/platformFuta/Home/FutaLandings/NewLandings/FutaLanding3.module.css
index 29da963951..4994dad6da 100644
--- a/src/pages/platformFuta/Home/FutaLandings/NewLandings/FutaLanding3.module.css
+++ b/src/pages/platformFuta/Home/FutaLandings/NewLandings/FutaLanding3.module.css
@@ -125,4 +125,17 @@ width: 100%;
     }
     
     
-    }
\ No newline at end of file
+    }
+    @media only screen and (min-width: 1600px) {
+    .container{
+
+        display: flex;
+        flex-direction: row;
+        justify-content: center;
+        align-items: center;
+       width: 1570px;
+       gap: 256px;
+        
+       margin: 0 auto;
+    }
+}
\ No newline at end of file
diff --git a/src/pages/platformFuta/Home/FutaLandings/NewLandings/FutaLanding4.module.css b/src/pages/platformFuta/Home/FutaLandings/NewLandings/FutaLanding4.module.css
index d3a482025a..eec487809a 100644
--- a/src/pages/platformFuta/Home/FutaLandings/NewLandings/FutaLanding4.module.css
+++ b/src/pages/platformFuta/Home/FutaLandings/NewLandings/FutaLanding4.module.css
@@ -130,7 +130,8 @@ line-height: normal;
         padding-left: 192px;
         padding-right: 192px;
 
-        grid-template-columns: auto 1fr;
+        grid-template-columns: auto 0.6fr;
+        gap: 10rem;
       
       
     }
@@ -141,4 +142,18 @@ line-height: normal;
     }
     
     
+    }
+
+    @media only screen and (min-width: 1600px) {
+        .container{
+    
+            display: flex;
+            flex-direction: row;
+            justify-content: center;
+            align-items: center;
+           width: 1570px;
+           gap: 256px;
+            
+           margin: 0 auto;
+        }
     }
\ No newline at end of file
diff --git a/src/pages/platformFuta/Home/FutaLandings/NewLandings/FutaLanding5.module.css b/src/pages/platformFuta/Home/FutaLandings/NewLandings/FutaLanding5.module.css
index 05ad8cdfb1..2ad2bf15c0 100644
--- a/src/pages/platformFuta/Home/FutaLandings/NewLandings/FutaLanding5.module.css
+++ b/src/pages/platformFuta/Home/FutaLandings/NewLandings/FutaLanding5.module.css
@@ -88,9 +88,34 @@ cursor: pointer;
 @media only screen and (min-width: 1280px) {
     .container{
         /* background-color: yellow; */
-        padding-left: 192px;
-        padding-right: 192px;
+        padding-left: 162px;
+        /* padding-right: 192px;
+        grid-template-columns: auto 0.6fr;
+        gap: 10rem; */
+
+        display: flex;
+        flex-direction: row;
+        justify-content: center;
+        align-items: center;
+       width: 1200px;
+       gap: 256px;
+        
+       margin: 0 auto;
     }
     
     
+    }
+
+    @media only screen and (min-width: 1600px) {
+        .container{
+    
+            display: flex;
+            flex-direction: row;
+            justify-content: center;
+            align-items: center;
+           width: 1570px;
+           gap: 256px;
+            
+           margin: 0 auto;
+        }
     }
\ No newline at end of file

From 5f530c9b744d1be164b04e57fc13745f13f967ec Mon Sep 17 00:00:00 2001
From: Jadessu <junioradessu@gmail.com>
Date: Tue, 14 Jan 2025 21:24:05 +0000
Subject: [PATCH 2/2] remove dev items

---
 .../FutaLandings/NewLandings/FutaLanding2.tsx | 21 -------------------
 1 file changed, 21 deletions(-)

diff --git a/src/pages/platformFuta/Home/FutaLandings/NewLandings/FutaLanding2.tsx b/src/pages/platformFuta/Home/FutaLandings/NewLandings/FutaLanding2.tsx
index 0ca9a7422f..5461dbe6a2 100644
--- a/src/pages/platformFuta/Home/FutaLandings/NewLandings/FutaLanding2.tsx
+++ b/src/pages/platformFuta/Home/FutaLandings/NewLandings/FutaLanding2.tsx
@@ -1,31 +1,10 @@
-import { useEffect, useState } from 'react';
 import circleSvg from './Circle.svg';
 import styles from './FutaLanding2.module.css';
 export default function FutaLanding2() {
-    const [width, setWidth] = useState(window.innerWidth);
-
-    useEffect(() => {
-        // Function to update the width state
-        const handleResize = () => {
-            setWidth(window.innerWidth);
-        };
-
-        // Add event listener for window resize
-        window.addEventListener('resize', handleResize);
-
-        // Cleanup function to remove event listener
-        return () => {
-            window.removeEventListener('resize', handleResize);
-        };
-    }, []);
-
     return (
         // <div className={styles.containerMain}>
         <div className={styles.container}>
             <div className={styles.content}>
-                <p>{width > 1600 ? 'monitor' : 'laptop'}</p>
-                <h3> width: {width}</h3>
-
                 <h3>/Fair Auctions</h3>
 
                 <p>Tickers are auctioned over a set period.</p>