Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

CSS CSS Flexbox Layout Flexbox Properties Growing Flex Items

Posted by johnnyesper
johnnyesper
5,935 Points

How compatible is flexbox with mailclients such as outlook, gmail and so on? Meida Q, dont work good with Outlook.

When designen a newsletter, one often get different results in different email clients. Also, when working with Outlook, it doesn't seem to support Media q.

So, is flexbox and Outlook a match?

2 Answers

Gregor Cmiel
Gregor Cmiel
8,926 Points

Hi johnny,

any kind of modern web technology is NO match for outlook (the same for the older Internet Explorers). You should just stick to tables and inline styles:

Overview of possible CSS support in e-mail clients: https://www.campaignmonitor.com/css/

As you see, the support for outlook is almost not available.

There is also a nice article by MailChimp about HTML and CSS structure in E-Mails: http://templates.mailchimp.com/development/html/

This is a complete different world compared to the web technologies that are supported by a browser. So the way you style and structure an e-mail is completely different.

Sorry to say that, but just forget about flexbox in mailings.

Hope, that helped :)

johnnyesper
johnnyesper
5,935 Points
johnnyesper
johnnyesper
5,935 Points

Thanks Gregor, for the time and effort you put in this answer. Well,regarding the answer: I'm not surprised.