Pour tout problème contactez-nous par mail : support@froggit.fr | La FAQ :grey_question: | Rejoignez-nous sur le Chat :speech_balloon:

Skip to content
Snippets Groups Projects
Commit 332d15fd authored by Plumtree3D's avatar Plumtree3D
Browse files

feat: centered images in HomepageResults component

parent 55899909
No related branches found
No related tags found
1 merge request!66Resolve "add results component"
...@@ -40,7 +40,7 @@ const ResultsList = [ ...@@ -40,7 +40,7 @@ const ResultsList = [
function Results({title, description, img, alt}) { function Results({title, description, img, alt}) {
return ( return (
<div className="sectionsReverse row"> <div className="sectionsReverse row">
<div className={styles.resultsCenter}> <div className={"col col--5 " + styles.resultsCenter}>
<img className={styles.resultsImage} src={img} alt={alt}/> <img className={styles.resultsImage} src={img} alt={alt}/>
</div> </div>
<div className="col col--5"> <div className="col col--5">
......
...@@ -4,5 +4,6 @@ ...@@ -4,5 +4,6 @@
} }
.resultsCenter { .resultsCenter {
margin: auto; display: flex;
justify-content: center;
} }
...@@ -143,10 +143,12 @@ ul { ...@@ -143,10 +143,12 @@ ul {
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: space-between; justify-content: space-between;
text-align: end;
} }
.sectionsReverse:nth-of-type(odd) { .sectionsReverse:nth-of-type(odd) {
flex-direction: row-reverse; flex-direction: row-reverse;
text-align: start;
} }
.stickers { .stickers {
......
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment