From 433b84ea8fddad3228240973a6d3e5e9af41f194 Mon Sep 17 00:00:00 2001
From: Nathan Cummins <nathan@nathancummins.com.au>
Date: Thu, 15 Oct 2026 12:11:28 +1030
Subject: [PATCH] Fix IMG nesting div in p tags - invalid HTML

---
 src/components/MDX/IMG.astro | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/components/MDX/IMG.astro b/src/components/MDX/IMG.astro
index 6af8d23..5bd5ead 100644
--- a/src/components/MDX/IMG.astro
+++ b/src/components/MDX/IMG.astro
@@ -11,14 +11,14 @@ const image = getImageByPath(src);
 
 {
   image && (
-    <div class="my-8">
+    <span class="my-8 block">
       <Image
         src={image}
         alt={alt}
         width={1344}
         class="transition ease-in-out lg:hover:scale-150"
       />
-      <div class="mt-2 block w-full text-center text-sm italic">{alt}</div>
-    </div>
+      <span class="mt-2 block w-full text-center text-sm italic">{alt}</span>
+    </span>
   )
 }