From 786dc0a32e1f0694e34f03574537a1e1dc7b1dd8 Mon Sep 17 00:00:00 2001
From: Michael Bond <michael@bondcodes.com>
Date: Tue, 28 Jan 2025 14:38:04 -0500
Subject: [PATCH] Fix image styles in blog

---
 AboutMe/Wasm/Pages/Blog.razor | 12 +++++++++++-
 1 file changed, 11 insertions(+), 1 deletion(-)

diff --git a/AboutMe/Wasm/Pages/Blog.razor b/AboutMe/Wasm/Pages/Blog.razor
index 1232d73..e74993f 100644
--- a/AboutMe/Wasm/Pages/Blog.razor
+++ b/AboutMe/Wasm/Pages/Blog.razor
@@ -49,7 +49,9 @@ else
                     </MudText>
                 </MudCardHeader>
                 <MudCardContent>
-                    @(new MarkupString(post.ContentHtml))
+                    <div class="content-wrapper">
+                        @(new MarkupString(post.ContentHtml))
+                    </div>
                 </MudCardContent>
                 <MudCardActions>
                     <MudText Typo="Typo.subtitle2">
@@ -63,3 +65,11 @@ else
         }
     </MudStack>
 }
+
+<style>
+    .content-wrapper img {
+        max-width: 100%;
+        height: auto;
+        display: block;
+    }
+</style>