It’s really disappointing for us, and for many other players in the email marketing industry, that Gmail, the biggest webmail provider, still doesn’t support media queries.

Why are CSS media queries so important?

Briefly: responsive email design lies on media queries. Without them, it is not possible to adjust the original desktop design to different screen sizes. They are used for influencing width (min-width, max-width) and changing layout (float, display attributes). But the inconvenient truth is that not all email clients support CSS media queries. 🙁

Media Queries

CSS Media Query Support 02-2014image source: Litmus.com

FAQ – Why isn’t this email responsive/sexy in my Gmail Mobile App?

Simply because Gmail does not support CSS Media Queries, so responsive email techniques simply do not work in any Gmail Mobile App. What can we do about it?

  • Design and prepare mobile first email templates only
  • Stick to one column
  • Use big text, large buttons
  • Compromise (worse desktop experience vs. better user experience on mobile)

Fortunately we are not the only ones fighting for a better world (in email). Email-standards.org is out there to help us to spread the word all over the web, and make email design a less tiresome issue for all of us. Thank you for that!

Please spread the word, and if you know anyone, who’s involved in the development of Gmail please just forward this post to them!

Author
Roland Pokornyik

Roland Pokornyik

CEO / Co-founder @ Chamaileon.io & EDMdesigner.com

  • 16 Command Examples to Send Email From The Linux Command Line 16 Command Examples to Send Email From The Linux Command Line

    In this post you'll learn how to send emails from the Linux command line. I'll show the most often used commands, SMTP configuration and terminal options.

    Read more
  • How to Create Responsive Email Designs with React Native How to Create Responsive Email Designs with React Native

    Responsive email coding is complex. Are you native in React Native? Abstract away email HTML & CSS into components with react-html-email or mjml frameworks.

    Read more
  • Using PHP for Sending HTML Emails with Mailgun, Sendgrid & Amazon SES Using PHP for Sending HTML Emails with Mailgun, Sendgrid & Amazon SES

    Ever wondered how to use PHP for sending HTML email templates with Mailgun, Sendgrid and Amazon SES? Read on for step-by-step coding advice.

    Read more