refactor: fixed consistency issue with sections

src/components/CarouselLibre.js

@@ -58,11 +58,11 @@ const CarouselList = [
 export default function CarouselLibre() {
   return (
     <div>
-      <h2 className={clsx("text--center")}>Restez libres !
-      </h2>
-      <p className={"text--center"}>Pour nous assurer que vous soyez libre Froggit se base sur des logiciels libres reconnus.
-      </p> 
       <section className="sections container">
+        <h2 className={clsx("text--center")}>Restez libres !
+        </h2>
+        <p className="text--center margin-bottom--lg">Pour nous assurer que vous soyez libre Froggit se base sur des logiciels libres reconnus.
+        </p> 
         <Carousel list={CarouselList} />
       </section>
     </div>

src/components/HomepageFeatures.js

@@ -59,7 +59,7 @@ export default function HomepageFeatures() {
       <div className={styles.featuresSubtitle}>
         <p className={"text--center"}>De la planification au déploiement en passant par le testing… <br/>
         </p>
-        <p className={"text--center"}> Réunissez vos équipes sur la même plateforme DevOps, pensée pour améliorer vos performances, vos résultats et réduire votre empreinte écologique. 
+        <p className={"text--center margin-bottom--lg"}> Réunissez vos équipes sur la même plateforme DevOps, pensée pour améliorer vos performances, vos résultats et réduire votre empreinte écologique. 
         </p> 
       </div>
       <div>

src/components/HomepagePromises.js

@@ -53,8 +53,8 @@ function Promise({Svg, alt, title, description}) {
 export default function HomepagePromises() {
   return (
     <div className={styles.rowOverflow}>
-      <h2 className="promise-title">Faites la différence</h2>
-      <section className="section-promises">    
+      <section className="section-promises"> 
+        <h2 className="promise-title margin-bottom--lg">Faites la différence</h2>  
         <div className="row">
           {PromiseList.map((props, idx) => (
             <Promise key={idx} {...props} />

src/pages/index.js

@@ -31,11 +31,11 @@ export default function Home() {
       title={siteConfig.themeConfig.navbar.title}
       description={siteConfig.tagline}
     >
-      <HomepageHeader/>
+      <HomepageHeader />
       <main>
         <HomepagePromises />
         <HomepageFeatures />
-        <CarouselLibre/> 
+        <CarouselLibre /> 
       </main>
     </Layout>
   );