Post figure style tweaks

kulmajaba · Nov 4, 2024 · 04e0fcd · 04e0fcd
1 parent 7766048
commit 04e0fcd
Showing 1 changed file with 11 additions and 2 deletions.
diff --git a/assets/css/_post.scss b/assets/css/_post.scss
@@ -15,12 +15,17 @@
 .Post-imgContentContainer {
   display: flex;
   flex-direction: row;
-  align-items: center;
+  align-items: start;
   gap: 2em;
   margin-block: 0.5em;
 
   @media (max-width: $layout-breakpoint-s) {
     flex-direction: column;
+    align-items: center;
+
+    /* Emulate columnar image and paragraph block spacing */
+    gap: 1em;
+    margin-block: 1em 0.5em;
   }
 }
 
@@ -45,6 +50,10 @@
   flex-direction: column;
 }
 
+.Post-imgAdjacentContent > :first-child {
+  margin-block-start: 0;
+}
+
 .Post-figure {
   display: flex;
   flex-direction: column;
@@ -65,7 +74,7 @@
 }
 
 .Post-img {
-  --Post-img-max-height: Min(960px, 80vh);
+  --Post-img-max-height: Min(960px, 75vh);
 
   width: 100%;
   max-width: Min(