make style changes to keep images from pushing out of the edges of the content column

2023-03-01 02:28:25 +10:30
parent b0cb2eb95b
commit becca700e8
2 changed files with 5 additions and 1 deletions
--- a/src/_assets/css/styles.css
+++ b/src/_assets/css/styles.css
@ -203,6 +203,10 @@ article>p {
  margin-top: 0;
 }

+.blog-post img {
+  max-width: 100%;
+}
+
 .pages-article>p{
  margin-top: 0;
  margin-bottom: 0;
--- a/src/_includes/layout/blog.njk
+++ b/src/_includes/layout/blog.njk
@ -2,4 +2,4 @@
 layout: layout/base.njk
 ---

-<article>{{ content | safe}}</article>
+<article class="blog-post">{{ content | safe}}</article>