styled images on blog page

1 files changed, 14 insertions, 1 deletions

diff --git a/static/css/blog.css b/static/css/blog.css
index eb2e9a0..eff7957 100644
--- a/static/css/blog.css
+++ b/static/css/blog.css
@@ -72,6 +72,19 @@
     justify-content: space-evenly;
 }
 
-#blog-post header hr {
+#blog-post hr {
     border: 1px solid var(--blog-h1-fg);
 }
+
+article#blog-post img {
+  display: block;
+  margin: 1rem auto;
+  max-width: 90%;
+  max-height: 30rem;
+  border: 1px solid var(--blog-h1-fg);
+}
+
+/* linked images have different colored borders */
+article#blog-post a img {
+  border: 1px solid var(--link-fg);
+}