From 77fe02e0713286e9e3ad976d05a4c005633e9463 Mon Sep 17 00:00:00 2001
From: Florence Haudin <haudin.florence@gmail.com>
Date: Tue, 10 Feb 2026 23:56:57 +0100
Subject: [PATCH] Fix logos carousel width and use row-max-width for the
 projects overview.

---
 src/components/home/Hero/LogosTableBy8.tsx    | 30 +++++++++----------
 src/components/home/Hero/index.tsx            |  6 ++--
 src/components/home/Hero/styles.module.css    |  1 -
 .../home/ProjectsOverview/Computing.tsx       |  2 +-
 .../home/ProjectsOverview/DataAnalysis.tsx    |  2 +-
 .../home/ProjectsOverview/Jupyter.tsx         |  2 +-
 .../home/ProjectsOverview/Robotics.tsx        |  2 +-
 .../home/ProjectsOverview/RoboticsReverse.tsx |  2 +-
 .../home/ProjectsOverview/SpecialProjects.tsx |  2 +-
 .../home/ProjectsOverview/SupplyChain.tsx     |  2 +-
 .../ProjectsOverview/SupplyChainReversed.tsx  |  2 +-
 .../home/ProjectsOverview/styles.module.css   |  6 ----
 12 files changed, 26 insertions(+), 33 deletions(-)

diff --git a/src/components/home/Hero/LogosTableBy8.tsx b/src/components/home/Hero/LogosTableBy8.tsx
index c443931f..7417f555 100644
--- a/src/components/home/Hero/LogosTableBy8.tsx
+++ b/src/components/home/Hero/LogosTableBy8.tsx
@@ -46,27 +46,27 @@ export default function SimpleSlider() {
     autoplay: true,
   };
   return (
-    <Slider {...settings}>
-      <div>
-        <LogosTable1 />
-      </div>
-      <div>
-        <LogosTable2 />
-      </div>
-      <div>
-        <LogosTable3 />
-      </div>
-      <div>
-        <LogosTable4 />
-      </div>
-    </Slider>
+      <Slider {...settings} style={{maxWidth:"1500px", justifyContent: "center"}}>
+        <div>
+          <LogosTable1 />
+        </div>
+        <div>
+          <LogosTable2 />
+        </div>
+        <div>
+          <LogosTable3 />
+        </div>
+        <div>
+          <LogosTable4 />
+        </div>
+      </Slider>
   );
 }
 
 export function LogosTable1() {
   return (
     <div className={"container" + " " + styles.table_with_8_customers}>
-      <div className="row-max-width row--no-gutters">
+      <div className="row row--no-gutters">
         <div className={"col col--3 flex-full-centered"}>
           <img
             src={BloombergLogoUrl}
diff --git a/src/components/home/Hero/index.tsx b/src/components/home/Hero/index.tsx
index ae6d7bb6..8dfa4ea7 100644
--- a/src/components/home/Hero/index.tsx
+++ b/src/components/home/Hero/index.tsx
@@ -45,12 +45,12 @@ export function Hero() {
       <div className="main-container-with-margins">
         <div className={"container" + " " + styles.logos_carousel}>
           <div className="row">
-            <div className="col col--8 col--offset-2">
+            <div className="col col--12 col">
               <div className={styles.worked_with}> We have worked with </div>
             </div>
           </div>
-          <div className="row">
-            <div className="col col--8 col--offset-2">
+          <div className="row" >
+            <div className="col col--12" style={{display:"flex", justifyContent: "center"}}>
               <SimpleSlider />
             </div>
           </div>
diff --git a/src/components/home/Hero/styles.module.css b/src/components/home/Hero/styles.module.css
index e1279f8f..89e31f66 100644
--- a/src/components/home/Hero/styles.module.css
+++ b/src/components/home/Hero/styles.module.css
@@ -192,7 +192,6 @@
 }
 
 @media only screen and (min-width: 1511px) {
-
   /* Desktop : large screen*/
   .table_with_8_customers {
     margin-bottom: var(--ifm-spacing-xl);
diff --git a/src/components/home/ProjectsOverview/Computing.tsx b/src/components/home/ProjectsOverview/Computing.tsx
index dd6c1800..1ce02eaa 100644
--- a/src/components/home/ProjectsOverview/Computing.tsx
+++ b/src/components/home/ProjectsOverview/Computing.tsx
@@ -5,7 +5,7 @@ import XTensorXSIMDPicture from "@site/static/img/projects/xtensor_xsimd.svg";
 export default function ComputingProjects() {
   return (
     <div className={styles.container_projects}>
-      <div className={styles.row_projects}>
+      <div className="row-max-width">
         <div
           className={"col col--6" + " " + styles.col_project_overview_with_padding}
         >
diff --git a/src/components/home/ProjectsOverview/DataAnalysis.tsx b/src/components/home/ProjectsOverview/DataAnalysis.tsx
index c3297336..577026a1 100644
--- a/src/components/home/ProjectsOverview/DataAnalysis.tsx
+++ b/src/components/home/ProjectsOverview/DataAnalysis.tsx
@@ -5,7 +5,7 @@ import ApacheArrowPicture from "@site/static/img/projects/apache_arrow.svg";
 export default function DataAnalysisProjects() {
   return (
     <div className={styles.container_projects + " "+ styles.project_light_yellow} style={{paddingBottom : "0px"}}>
-     <div className={styles.row_projects}>
+     <div className="row-max-width">
         <div
           className={"col col--6" + " " + styles.col_project_overview_with_padding}
         >
diff --git a/src/components/home/ProjectsOverview/Jupyter.tsx b/src/components/home/ProjectsOverview/Jupyter.tsx
index 88b86edf..58080044 100644
--- a/src/components/home/ProjectsOverview/Jupyter.tsx
+++ b/src/components/home/ProjectsOverview/Jupyter.tsx
@@ -10,7 +10,7 @@ export default function JupyterProject() {
         marginTop: "var(--ifm-spacing-4xl)",
       }}
     >
-      <div className={styles.row_projects}>
+      <div className="row-max-width">
         <div className={"col col--6" + " " + styles.col_project_overview_with_padding}>
           <h1 className="padding-none">Jupyter project </h1>
           <h2 className={styles.h2_custom}>We strive to sustain the project in the long term.</h2>
diff --git a/src/components/home/ProjectsOverview/Robotics.tsx b/src/components/home/ProjectsOverview/Robotics.tsx
index b9740ddf..3374bb19 100644
--- a/src/components/home/ProjectsOverview/Robotics.tsx
+++ b/src/components/home/ProjectsOverview/Robotics.tsx
@@ -5,7 +5,7 @@ import RoboticsPictureUrl from "@site/static/img/projects/robotics.png";
 export default function RoboticsProjects() {
   return (
     <div className={styles.container_projects + " "+ styles.project_light_yellow}>
-      <div className={styles.row_projects}>
+      <div className="row-max-width">
         <div
           className={
             "col col--6" + " " + styles.col_project_overview_with_padding
diff --git a/src/components/home/ProjectsOverview/RoboticsReverse.tsx b/src/components/home/ProjectsOverview/RoboticsReverse.tsx
index 3b034c77..54a99d39 100644
--- a/src/components/home/ProjectsOverview/RoboticsReverse.tsx
+++ b/src/components/home/ProjectsOverview/RoboticsReverse.tsx
@@ -5,7 +5,7 @@ import RoboticsPictureUrl from "@site/static/img/projects/robotics.png";
 export default function RoboticsProjects() {
   return (
     <div className={styles.container_projects}>
-      <div className={styles.row_projects}>
+      <div className="row-max-width">
         <div
           className={
             "col col--6 flex-full-centered" +
diff --git a/src/components/home/ProjectsOverview/SpecialProjects.tsx b/src/components/home/ProjectsOverview/SpecialProjects.tsx
index c16ea68b..e624bf2f 100644
--- a/src/components/home/ProjectsOverview/SpecialProjects.tsx
+++ b/src/components/home/ProjectsOverview/SpecialProjects.tsx
@@ -5,7 +5,7 @@ import SpecialProjectsPictureUrl from "@site/static/img/projects/special_project
 export default function SpecialProjects() {
     return (
       <div className={styles.container_projects + " " + styles.project_yellow}>
-        <div className={styles.row_projects}>
+        <div className="row-max-width">
           <div className={"col col--6" + " " + styles.col_project_overview_with_padding}>
             <h1 className="padding-none">Special projects</h1>
             <h2 className={styles.h2_custom}>
diff --git a/src/components/home/ProjectsOverview/SupplyChain.tsx b/src/components/home/ProjectsOverview/SupplyChain.tsx
index 0abde55c..98c5f416 100644
--- a/src/components/home/ProjectsOverview/SupplyChain.tsx
+++ b/src/components/home/ProjectsOverview/SupplyChain.tsx
@@ -5,7 +5,7 @@ import MambaPictureUrl from "@site/static/img/projects/mamba_console.png";
 export default function SupplyChainProjects() {
   return (
     <div className={styles.container_projects + " " + styles.project_light_yellow}>
-      <div className={styles.row_projects}>
+      <div className="row-max-width">
         <div
           className={
             "col col--6" +
diff --git a/src/components/home/ProjectsOverview/SupplyChainReversed.tsx b/src/components/home/ProjectsOverview/SupplyChainReversed.tsx
index 288a3a64..33d06cd5 100644
--- a/src/components/home/ProjectsOverview/SupplyChainReversed.tsx
+++ b/src/components/home/ProjectsOverview/SupplyChainReversed.tsx
@@ -5,7 +5,7 @@ import MambaPictureUrl from "@site/static/img/projects/mamba_console.png";
 export default function SupplyChainProjects() {
   return (
     <div className={styles.container_projects}>
-      <div className={styles.row_projects}>
+      <div className="row-max-width">
         <div
           className={
             "col col--6 flex-full-centered" +
diff --git a/src/components/home/ProjectsOverview/styles.module.css b/src/components/home/ProjectsOverview/styles.module.css
index 6dcbce7c..81f624a1 100644
--- a/src/components/home/ProjectsOverview/styles.module.css
+++ b/src/components/home/ProjectsOverview/styles.module.css
@@ -19,12 +19,6 @@
 .project_light_yellow {
   background-color: var(--ifm-color-primary-p0);
 }
-
-.row_projects {
-  max-width: 1500px;
-  display: flex;
-}
-
 .container_projects {
   padding: 0;
   display: flex;