4 ms·

Not sure how "responsive" this is. The litmus test uses the simplest of all the email templates and just looks like centered, possibly tabular content. https:/

Not sure how "responsive" this is. The litmus test uses the simplest of all the email templates and just looks like centered, possibly tabular content. https://litmus.com/checklist/emails/public/2e539c3 https://litmus.com/checklist/emails/public/2e539c3 This different than zurb? http://foundation.zurb.com/emails/email-templates.html http://foundation.zurb.com/emails/email-templates.html

blowski 10y ago
That's about as responsive as you can get, unfortunately. Outlook and Gmail don't support the CSS box model, so you have to use tables and that really limits what you can do on mobiles.
- ommunist 10y ago
  There are interesting workarounds for Gmail based on use of viewport width. http://emailcodegeek.com/responsive-email-in-gmail/ http://emailcodegeek.com/responsive-email-in-gmail/
  - blowski 10y ago
    Yeah, coding HTML emails is basically a whole series of 'interesting workarounds'. I actually quite enjoy it - it's kind of like code golf in that there's no best practice, it's just all hacks on hacks on hacks.
    - ommunist 10y ago
      I am not alone!
tronvig 10y ago
I don't think media queries work in email clients. Responsive usually just means setting a width for mobile and displaying that same layout centered on anything with a larger view.
- dntrkv 10y ago
  There are a bunch of mobile clients and some newer desktop clients that support media queries: https://litmus.com/help/email-clients/media-query-support/ https://litmus.com/help/email-clients/media-query-support/
  - eli 10y ago
    Yeah, but not all of them. So you either have to get very creative or decide you're ok with having tiny, zoomed-out looking emails in the native Gmail App (which has a significant user base)
sbarre 10y ago
Yeah curious to know what this brings that Foundation for Emails does not? Foundation is free (and at version 2.0 with a decent well-tested workflow).

blowski 10y ago

That's about as responsive as you can get, unfortunately. Outlook and Gmail don't support the CSS box model, so you have to use tables and that really limits what you can do on mobiles.

ommunist 10y ago
There are interesting workarounds for Gmail based on use of viewport width. http://emailcodegeek.com/responsive-email-in-gmail/ http://emailcodegeek.com/responsive-email-in-gmail/
- blowski 10y ago
  Yeah, coding HTML emails is basically a whole series of 'interesting workarounds'. I actually quite enjoy it - it's kind of like code golf in that there's no best practice, it's just all hacks on hacks on hacks.
  - ommunist 10y ago
    I am not alone!

tronvig 10y ago

I don't think media queries work in email clients. Responsive usually just means setting a width for mobile and displaying that same layout centered on anything with a larger view.

dntrkv 10y ago
There are a bunch of mobile clients and some newer desktop clients that support media queries: https://litmus.com/help/email-clients/media-query-support/ https://litmus.com/help/email-clients/media-query-support/
- eli 10y ago
  Yeah, but not all of them. So you either have to get very creative or decide you're ok with having tiny, zoomed-out looking emails in the native Gmail App (which has a significant user base)

sbarre 10y ago

Yeah curious to know what this brings that Foundation for Emails does not? Foundation is free (and at version 2.0 with a decent well-tested workflow).