From 0dd5418e46b972037c098cb972a797cd75ab82ce Mon Sep 17 00:00:00 2001
From: Collin Lefeber <hello@cfebs.com>
Date: Sun, 16 Feb 2025 16:49:48 -0500
Subject: [PATCH] img width in content section

---
 posts/style_a_blog.md | 2 +-
 public/style.css      | 6 ++++++
 2 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/posts/style_a_blog.md b/posts/style_a_blog.md
index b2bc44e..3263d3c 100644
--- a/posts/style_a_blog.md
+++ b/posts/style_a_blog.md
@@ -73,7 +73,7 @@ Now to pick some colors starting with dark mode as it's my system preference.
 
 This alone actually will make the background dark based on your browser's defaults which is perfect.
 
-<img height="500px" width="auto" src="/img/style_a_blog_1.png" />
+![base styles test](/img/style_a_blog_1.png)
 
 At this point I might consider just leaving the colors up to the browser! Why not, the main goal here is just readability.
 
diff --git a/public/style.css b/public/style.css
index 4a10429..d07a138 100644
--- a/public/style.css
+++ b/public/style.css
@@ -52,6 +52,12 @@ hr {
 	overflow-y: scroll;
 }
 
+section.content {
+	p img {
+		width: 100%;
+	}
+}
+
 @media (width < 600px) {
 	main {
 		width: 100%;