Update width of the carousel with logos.

Author: HaudinFlorence

src/components/home/Hero/LogosTableBy8.tsx

@@ -66,7 +66,7 @@ export default function SimpleSlider() {
 export function LogosTable1() {
   return (
     <div className={"container" + " " + styles.table_with_8_customers}>
-      <div className="row row--no-gutters">
+      <div className="row-max-width 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--10 col--offset-1">
+            <div className="col col--8 col--offset-2">
               <div className={styles.worked_with}> We have worked with </div>
             </div>
           </div>
           <div className="row">
-            <div className="col col--10 col--offset-1">
+            <div className="col col--8 col--offset-2">
               <SimpleSlider />
             </div>
           </div>

src/components/home/Hero/styles.module.css

@@ -11,6 +11,11 @@
   padding-bottom: var(--ifm-spacing-3xl);
 }
 
+.row_max_width {
+  max-width: 1500px;
+  display: flex;
+}
+
 .banner_container_small {
   position: relative;
   width: 100%;

src/css/custom.css

@@ -108,6 +108,12 @@ ul {
   padding: 0;
 }
 
+.row-max-width {
+  max-width: 1500px;
+  display: flex;
+}
+
+
 /***footer*****/
 .footer__item {
   color: var(--ifm-text-color-footer);