Search code examples
htmlcssemailgoogle-inbox

Coding html email with Google Inbox (auto-resizing)

Trying to create an Email newsletter that displays correctly in mobile apps, but Google Inbox's auto-resizing feature breaks the layout.

I tried using min-width inline each element (a trick that works with the gmail app), but sadly it had no effect in Inbox. Also, unlike in the Gmail App, there is no option to disable auto-resizing in the message.

Any suggestions?

Solution

  • I ran into the same thing. It turns out if you use the !important declaration, it works. For example:

    <div style="width: 100% !important; min-width: 100% !important;"></div>

    This worked for me on the Gmail app and the Inbox app.