Rendering issue on Drawing Concepts essay

MaggieAppleton / maggieappleton.com

⚠️ Now retired. My previous, poorly constructed digital garden built with Gatsby and MDX. Updated garden here: https://github.com/MaggieAppleton/maggieappleton.com-V2

https://maggieappleton.com

Other

161 stars 24 forks source link

Rendering issue on Drawing Concepts essay #113

Closed gerwitz closed 3 years ago

gerwitz commented 3 years ago

This page has a rendering issue on Safari with the https://maggieappleton.com/drawinginvisibles1 in the "a few more" list. See attached PDF

texastoland commented 3 years ago

The culprit looks like competing widths and heights overriding the images' intrinsic aspect ratios. The easiest fix looks like removing their width: 100% and optionally the padding from their parent <div>:

@MaggieAppleton Do you prefer that size or with the original padding? On an aside they're being embedded at full 800x800 instead of thumbnails.

MaggieAppleton commented 3 years ago

Adjusted the CSS on these and should be all fixed. Tested it in safari and appears to be working as expected