diff --git a/assets/css/_post.scss b/assets/css/_post.scss index 1fd7f50..19cd4a8 100644 --- 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(