Inconsistent <Body> padding
#2380
Replies: 7 comments
-
|
I am Mark Buster and Part of Team Green. Team Green is a group of students attending North Seattle College and We are working on/claiming this issue. |
Beta Was this translation helpful? Give feedback.
-
|
We've tested this issue by sending emails to both Gmail and iOS Mail clients, and we're noticing some inconsistencies with padding, particularly around social media icons. However, we were hoping to clarify the following:
-Team Green NSC |
Beta Was this translation helpful? Give feedback.
-
|
I was referring to the It's possible that other React Email components have the same issue, but I haven't tested them. |
Beta Was this translation helpful? Give feedback.
-
|
@jasongerbes Can you share some screenshots for how exactly it ends up being different from preview to email client? Looking at it myself, I couldn't see much of a difference on the demo email you linked to. |
Beta Was this translation helpful? Give feedback.
This comment was marked as off-topic.
This comment was marked as off-topic.
-
|
Looking into this again I get the sentiment and the idea of the padding being consistent across email clients, but I think it is relatively nice to have different paddings here. My thinking is that there are different email clients in different devices that might or might not look better with or without the padding, and the email clients seem to decide it themselves if they end up applying it or not. Besides, it should be possible to apply the padding you prefer, and the email clients we support seem to respect it nicely overall. (except for Outlook Desktop) |
Beta Was this translation helpful? Give feedback.
-
|
Just converted this to a discussion so we can discuss further, if we end up deciding this is a problem we want to act on, we'll convert it to an issue. |
Beta Was this translation helpful? Give feedback.
Uh oh!
There was an error while loading. Please reload this page.
Uh oh!
There was an error while loading. Please reload this page.
-
The
<Body>component doesn’t explicitly setpadding, meaning that its value is inconsistent between the dev preview and mail clients.To see what I mean, create an email with the
<Body>component - do not explicitly setpadding. Compare the preview output to Mail on iOS 18.Beta Was this translation helpful? Give feedback.
All reactions