allow for images to keep ratio on posts

lobstahbots · Dec 24, 2023 · 564a9fd · 564a9fd
1 parent 5f3e36e
commit 564a9fd
Showing 1 changed file with 12 additions and 3 deletions.
diff --git a/app/posts/[slug]/styles.module.css b/app/posts/[slug]/styles.module.css
@@ -135,11 +135,20 @@
 }
 
 .markdown img {
-  width: 1000px;
-  height: auto;
-  max-width: 100%;
+  width: auto;
+  height: 600px;
   border-radius: 10px;
   display: block;
+  margin: auto;
+  object-fit: contain;
+}
+
+.imageWrapper {
+  display: flex;
+  justify-self: center;
+  justify-content: center;
+  align-items: center;
+  align-self: center;
 }
 
 .markdown h1,