diff --git a/src/components/CarouselLibre.js b/src/components/CarouselLibre.js index 0131a06f3668f86ca9bf9fa9f6a4b0fcef3d441d..b3fd87203009ee8702d097c0cb0333141e0cc40d 100644 --- a/src/components/CarouselLibre.js +++ b/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> diff --git a/src/components/HomepageFeatures.js b/src/components/HomepageFeatures.js index 7e7c69ac87fc0b77fceb0bb48838e43d24c6fcc2..0ecc4440f0dd646861910cb714303f898b9504ea 100644 --- a/src/components/HomepageFeatures.js +++ b/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> diff --git a/src/components/HomepagePromises.js b/src/components/HomepagePromises.js index 411e51ddf1fd7ce466917009b88418b87c5d6d04..78ab7c1d9baa6f0c91477f01452f5b7c0ff25539 100644 --- a/src/components/HomepagePromises.js +++ b/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} /> diff --git a/src/pages/index.js b/src/pages/index.js index a3dc5e7b1646bfa3347a14ba6c40273665f11d17..f54475be67f8fb3cd3203be514aeea9ff316538f 100644 --- a/src/pages/index.js +++ b/src/pages/index.js @@ -33,12 +33,16 @@ export default function Home() { title={siteConfig.themeConfig.navbar.title} description={siteConfig.tagline} > - <HomepageHeader/> + <HomepageHeader /> <main> <HomepagePromises /> <HomepageFeatures /> +<<<<<<< HEAD <CarouselLibre/> <HomepageResults /> +======= + <CarouselLibre /> +>>>>>>> 1635665 (refactor: :art: fixed consistency issue with sections) </main> </Layout> );