From 332d15fd189119f18b6bbb5b184d4d2885f814d4 Mon Sep 17 00:00:00 2001
From: Plumtree3D <ham.in.kneesocks@gmail.com>
Date: Mon, 3 Oct 2022 09:59:54 +0200
Subject: [PATCH] feat: centered images in HomepageResults component
---
src/components/HomepageResults.js | 2 +-
src/components/HomepageResults.module.css | 3 ++-
src/css/custom.css | 2 ++
3 files changed, 5 insertions(+), 2 deletions(-)
diff --git a/src/components/HomepageResults.js b/src/components/HomepageResults.js
index 19ba422..b213118 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 2afad9d..9cdc3ba 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 91bfa28..e2b10a9 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 {
--
GitLab