Merge pull request #25 from mainsail-org/mir/img-fix

mireille-raad · web-flow · commit 5108a4bdc49e · 2020-11-05T15:13:13.000-05:00
set image max-width in the blog to 100%, fixes #23
diff --git a/_layouts/post.html b/_layouts/post.html
@@ -17,7 +17,7 @@
 <!--  content -->
 <section>
   <div class="w-md-80 m-auto">
-    <div class="w-md-80">
+    <div class="w-md-80 blog-content">
         {{ content }}
     </div>
   </div>
diff --git a/assets/style.css b/assets/style.css
@@ -206,6 +206,10 @@ ul.list-inline {
     width: 100%;
 }
 
+.blog-content p > img {
+    max-width: 100%;
+}
+
 .post-date a {
     background-color: #000;
     color: #fff;
