Merge pull request #289 from HaudinFlorence/follow-up-PR288

Fix logos carousel width

Author: SylvainCorlay

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}

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>

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);

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}
         >

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}
         >

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>

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

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" +

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}>

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" +