diff --git a/src/components/HomepageFeatures.js b/src/components/HomepageFeatures.js index 9d765e3bea3ced580433ad35a930435ac7371ee8..42a0e6c563edb8345b571af3da10fb03b97a3208 100644 --- a/src/components/HomepageFeatures.js +++ b/src/components/HomepageFeatures.js @@ -62,8 +62,9 @@ function Feature({Svg, title, description}) { export default function HomepageFeatures() { return ( - <section className="sections"> - <div id="features"> + <section className="sections" id="features"> + <h2 className={clsx("text--center text--uppercase", styles.title)}>Fonctionnalités</h2> + <div> {FeatureList.map((props, idx) => ( <Feature key={idx} {...props} /> ))} diff --git a/src/css/custom.css b/src/css/custom.css index 0429542cd20287e86e55b3de5c072567a3a169bb..48cbe3942d44dfc688fac12b4aa3382ab49b5f2b 100644 --- a/src/css/custom.css +++ b/src/css/custom.css @@ -69,9 +69,7 @@ p { /************ main elements style***********/ .sections { - display: flex; - align-items: center; - padding: 2rem 0; + padding: 4rem 0; width: 100%; }