make sure post images maintain a proper image aspect and aren't forced into squares

daattali · web-flow · commit cf2e75963cfb · 2020-10-27T18:15:36.000-04:00
diff --git a/assets/css/beautifuljekyll.css b/assets/css/beautifuljekyll.css
@@ -498,8 +498,8 @@ footer .footer-custom-content {
   filter: grayscale(0%);
 }
 .post-preview .post-image img {
-  height: 100%;
-  width: 100%;
+  max-height: 100%;
+  max-width: 100%;
 }
 .post-preview .post-image-short {
   margin-top: -2.1875rem;
@@ -520,8 +520,8 @@ footer .footer-custom-content {
   display: none;
 }
 .post-preview .post-image-small img {
-  width: 6.25rem;
-  height: 6.25rem;
+  max-width: 6.25rem;
+  max-height: 6.25rem;
 }
 @media (max-width: 500px) {
   .post-preview .post-image {

Original file line number	Diff line number	Diff line change
`@@ -498,8 +498,8 @@ footer .footer-custom-content {`
`498`	`498`	`filter: grayscale(0%);`
`499`	`499`	`}`
`500`	`500`	`.post-preview .post-image img {`
`501`		`- height: 100%;`
`502`		`- width: 100%;`
	`501`	`+ max-height: 100%;`
	`502`	`+ max-width: 100%;`
`503`	`503`	`}`
`504`	`504`	`.post-preview .post-image-short {`
`505`	`505`	`margin-top: -2.1875rem;`
`@@ -520,8 +520,8 @@ footer .footer-custom-content {`
`520`	`520`	`display: none;`
`521`	`521`	`}`
`522`	`522`	`.post-preview .post-image-small img {`
`523`		`- width: 6.25rem;`
`524`		`- height: 6.25rem;`
	`523`	`+ max-width: 6.25rem;`
	`524`	`+ max-height: 6.25rem;`
`525`	`525`	`}`
`526`	`526`	`@media (max-width: 500px) {`
`527`	`527`	`.post-preview .post-image {`