diff --git a/src/components/HomepageResults.js b/src/components/HomepageResults.js index 19ba422aa9582bdbf9a3fceaf679d2ede7efe68e..b21311897ec75543273f4a5e1b541d290f6529ee 100644 --- a/src/components/HomepageResults.js +++ b/src/components/HomepageResults.js @@ -40,7 +40,7 @@ const ResultsList = [ function Results({title, description, img, alt}) { return ( <div className="sectionsReverse row"> - <div className={styles.resultsCenter}> + <div className={"col col--5 " + styles.resultsCenter}> <img className={styles.resultsImage} src={img} alt={alt}/> </div> <div className="col col--5"> diff --git a/src/components/HomepageResults.module.css b/src/components/HomepageResults.module.css index 2afad9d82a68d1d68c1abf89e038b7c29fd4809f..9cdc3ba2e3d7795bafac170d9f0c13335bdee017 100644 --- a/src/components/HomepageResults.module.css +++ b/src/components/HomepageResults.module.css @@ -4,5 +4,6 @@ } .resultsCenter { - margin: auto; + display: flex; + justify-content: center; } diff --git a/src/css/custom.css b/src/css/custom.css index 91bfa28c89c4d26047fbf82f34a79db3a3285be0..e2b10a9d9c9e46c151e0093a4e830cc4c2f30161 100644 --- a/src/css/custom.css +++ b/src/css/custom.css @@ -143,10 +143,12 @@ ul { display: flex; align-items: center; justify-content: space-between; + text-align: end; } .sectionsReverse:nth-of-type(odd) { flex-direction: row-reverse; + text-align: start; } .stickers {