Discrepancies in layout between editor view and view on Gmail client

[tahmeednabi]

There are some issues with how emails are appearing on the Gmail client (both mobile and browser).

E.g. this is the view from editor.

And this is the view on Gmail client

And this is the view on Gmail mobile:

As you can see the text elements on gmail all have this weird padding around them doubling their height and spacing everything out. I think also the max-width and min-width for the column box is for some reason getting swapped on gmail client, causing the columns to leak out the side of the screen.

Are there any ways to fix these problems? If not I'm happy to investigate and make a PR

[lucasbesen]

@tahmeednabi can you share the design json?