Today I remembered that I made a change recently to how Twitter cards are rendered when I share a link on cassey.dev, but did not make the same tweak on cassey-til.glitch.me.

Before, when I shared posts from cassey-til.glitch.me on twitter, the card looked like this:

a tweet containing a link, with the link picture (an apple on a stack of books) very stretched out looking

That was because I had a meta tag on my page like this:

<meta property="twitter:card" content="summary_large_image">

The meta tag should use summary as the value instead since my social sharing image is square. Like this:

<meta property="twitter:card" content="summary">

Now my tweets look like this when I share a link:

a tweet containing a link, with the link picture (an apple on a stack of books) not stretched out

See Twitter docs about Summary With Large Image vs docs about the Summary card.