search

mailchimp / email-blueprints

Email Blueprints is a collection of HTML email templates that can serve as a solid foundation and starting point for the design of emails
http://templates.mailchimp.com
6.99k stars 2.77k forks source link

Inlined CSS and responsiveness #17

Open franklin-at-binarytree opened 11 years ago

franklin-at-binarytree commented 11 years ago

Howdy,

Is it me, or none of the responsive templates (bar base_boxed_basic_query.html) stay responsive upon being fed in Beaker?

Thanks

fcarneiro commented 11 years ago

Make sure you're not inlining the media query CSS. It should remain in the of the email. Thanks for bringing this up - I'll make a note of it in the README.

franklin-at-binarytree commented 11 years ago

Thanks!

Just a follow up question then: won't email clients start to behave erratically if we break the "Inline your CSS or expect to be very sorry" rule?

fcarneiro commented 11 years ago

Media queries are an exception to that rule; most email clients don't support them, so that CSS is ignored. On mobile devices, where media queries are (mostly) supported, those styles get rendered when the query is triggered.