Fixed images overflowing in blog cards, as well as code blocks.

assets/css/main.css

@@ -81,11 +81,12 @@ iframe {
 /* ======= Code ======= */
 pre {
   display: inline-block;
-  overflow: auto;
+  overflow: scroll;
   margin :0;
   padding: 1em;
   background: #292D3E;
   border-radius: .5em;
+  max-width: 90%;
 }
 p > code,
 li > code,
@@ -698,6 +699,7 @@ a.button:hover {
   display: flex;
   flex-direction: column;
   align-items: flex-start;
+  overflow: scroll;
 }
 .card-header {
   width: 100%;
@@ -713,6 +715,11 @@ a.button:hover {
 .card-body {
   width: 100%;
 }
+
+.card img {
+  max-width: 100%;
+}
+
 .card-footer {
   background: #f5f5f5;
   width: 100%;