Exciting news for email geeks everywhere!

Gmail has announced they will be supporting CSS in email which means Gmail will now be mobile responsive.

Designers can:

  • Query the screen size
  • Be able to define how content should be arranged
  • Show or hide certain pieces of content
  • Code a style in the head tag and then read it out throughout the email.

This means more:

  • HTML5 video headers
  • Expandable menus
  • Accordions
  • Sliders and galleries
  • Rotational banners
  • Graphs

And more interactive emails!

Check out these useful resources:

The Official Gmail Blog:

https://gmail.googleblog.com/2016/09/better-emails-tailored-to-all-your-devices.html

Developers: Assorted media queries, example code, as well as markup, etc:

https://developers.google.com/gmail/design/css

Litmus blog post, of course, their tools for testing, how all this stuff works, are excellent:

https://litmus.com/blog/gmail-to-support-responsive-email-design