From 164e5dd83cbd5042faee6048d32ac949ede48a82 Mon Sep 17 00:00:00 2001
From: Stefano Pigozzi <me@steffo.eu>
Date: Sun, 11 Jul 2021 10:23:08 +0200
Subject: [PATCH] =?UTF-8?q?=F0=9F=94=A7=20Fix=20image=20margin?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/Image.js         |  6 +++---
 src/components/Image.module.css | 11 ++++++++++-
 2 files changed, 13 insertions(+), 4 deletions(-)

diff --git a/src/components/Image.js b/src/components/Image.js
index cb42402..6cf745a 100644
--- a/src/components/Image.js
+++ b/src/components/Image.js
@@ -6,10 +6,10 @@ import classNames from "classnames"
 
 export default function Image({ src, description, className, ...props }) {
     return (
-        <Paragraph>
+        <div className={Style.ImageContainer}>
             <Anchor href={src}>
-                <img alt={`[${description}]`} title={description} src={src} className={classNames(Style.Image, className)} {...props}/>
+                <img alt={`[${description}]`} title={description} src={src} className={classNames(Style.Img, className)} {...props}/>
             </Anchor>
-        </Paragraph>
+        </div>
     )
 }
diff --git a/src/components/Image.module.css b/src/components/Image.module.css
index 4ca9ad1..419cc11 100644
--- a/src/components/Image.module.css
+++ b/src/components/Image.module.css
@@ -1,3 +1,12 @@
-.Image {
+.ImageContainer {
+    width: 100%;
+    display: flex;
+    flex-direction: row;
+    align-content: center;
+    justify-content: center;
+    margin-top: 4px;
+}
+
+.Img {
     max-width: 100%;
 }
\ No newline at end of file