From 8cd0e51d91e53a5b2904db32485e2287fc8d57b6 Mon Sep 17 00:00:00 2001
From: liv <shadows_withal@fastmail.com>
Date: Tue, 20 Jun 2023 16:49:03 +0200
Subject: [PATCH] fix: provide distinction between images

---
 oranda-css/css/base.css | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

diff --git a/oranda-css/css/base.css b/oranda-css/css/base.css
index c2a28ec8..dbb1cb23 100644
--- a/oranda-css/css/base.css
+++ b/oranda-css/css/base.css
@@ -171,7 +171,15 @@ hr {
 }
 
 img {
-  @apply m-auto;
+  @apply inline;
+}
+
+/*
+  In Markdown, you'll want standalone images to live in their own paragraph - which is why we can target only these
+  standalone images and center them probably.
+ */
+p > img:only-child {
+  @apply block m-auto;
 }
 
 blockquote {