img width in content section

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.
 

public/style.css

@@ -52,6 +52,12 @@ hr {
 	overflow-y: scroll;
 }
 
+section.content {
+	p img {
+		width: 100%;
+	}
+}
+
 @media (width < 600px) {
 	main {
 		width: 100%;