#2251·mjml

Images on macOS Apple Mail go outside of mj-column

Author: adriaandotcomCreated May 7, 2021Updated Jul 10, 2026

Describe the bug Images on macOS Apple Mail go outside of the email body.

Reproduce

  1. Create a file with this MJML code: https://mjml.io/try-it-live/VzAebSxAFyY (images are inline here, but in real life they are included as attachments)
  2. Render it to HTML and send to macOS Apple Mail client
  3. Resize Apple Mail window to less wide than 820px (depending on image size or columns)
  4. You see the images show up outside of mj-column and the email body

Expected behavior The images should stay in their "containers" and not get out of mj-column.

MJML environment (please complete the following information):

  • OS: macOS
  • MJML Version: 4.7.1
  • MJML tool used: Custom Node.js App with the mjml package

Email sending environment(for rendering issues):

  • Mailgun

Affected email clients (for rendering issues):

  • Email Client: Apple Mail on Mac
  • OS: Mac

Screenshots

✅ Wide (all good)

2021-05-07-screenshot-of-14h17@2x

Less wide (not good)

2021-05-07-screenshot-of-14h18 2@2x

.mjml and .eml file: issue-2251.zip