Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Notion Mail adds max-width 630px to images #143

Open
M-J-Robbins opened this issue Mar 17, 2025 · 1 comment
Open

Notion Mail adds max-width 630px to images #143

M-J-Robbins opened this issue Mar 17, 2025 · 1 comment

Comments

@M-J-Robbins
Copy link
Contributor

Email Client
Notion Mail

Operating System
Desktop Mac
Webmail

Expected Result
Often images are styled with a width:600px; max-width:100% to achieve a fluid layout on smaller viewports.

Actual Result
The max-width:100% is replaced with max-width:630px meaning the image is no longer fluid.

Or in the case of when the styles are swapped width:100%; max-width:200px would become width:100%; max-width:630px

Code sample

<img src="https://res.cloudinary.com/dvbgiw8ot/image/upload/w_1200,ar_1:1,c_fill,q_auto/v1732216174/PXL_20241121_144238391_ked9s2.jpg" alt="" width="600" style="vertical-align: middle; max-width: 100%;"/>

Additional context
I'm curious if the 630px is based off anything like screen size or viewport size and may be different for others but for me it's 630px every time.

I've reported this as feedback to Notion too.

@M-J-Robbins
Copy link
Contributor Author

This can be fixed with some CSS

.fluid-img{max-width:100% !important}

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant