Fixed formatting for latest blog post on mobile. Thanks Vincent.

2 files changed, 10 insertions, 3 deletions

diff --git a/articles/back-in-the-saddle.html b/articles/back-in-the-saddle.html
index d748d1f..e17d53c 100644
--- a/articles/back-in-the-saddle.html
+++ b/articles/back-in-the-saddle.html
@@ -43,7 +43,6 @@
 
     <main class="blog-post">
         <h1>BACK IN THE SADDLE</h1>
-
         <p>
             <i>Morale is high. Life is good. I can't complain.
             </i>
diff --git a/css/blog-post.css b/css/blog-post.css
index ae872aa..0f28f47 100644
--- a/css/blog-post.css
+++ b/css/blog-post.css
@@ -169,13 +169,21 @@ p {
 }
 
 img {
-  max-width: 768px;
-  padding-bottom: 1%;
+  max-width: 100%;
+  height: auto;
+  display: block;
+  margin: 0 auto;
 }
 
 /* MOBILE CSS ADAPTATIONS */
 
 @media (max-width: 768px) {
+
+  img {
+    max-width: 100% !important;
+    height: auto !important;
+  }
+
   body {
     overflow-x: hidden;
     position: static;