Can we use CSS Flexbox in HTML Emails?

View other answers to this thread
Start a personal dev blog on your domain for free and grow your readership.

3.4K+ developers have started their personal blogs on Hashnode in the last one month.

Write in Markdown ยท Publish articles on custom domain ยท Gain readership on day zero ยท Automatic GitHub backup and more

Alkshendra Maurya's photo

Sadly, no.

Though the support for display property is good-ish, it's not supported in all the clients. So even if it works for you, you won't know where it breaks.

Honestly, even without flexbox support, most of the layout problems would be solved with simple-basic CSS3 support that is standard in all clients.

For now though, you're stuck with <table> and CSS2 support for your layouts.

You can follow this cheatsheet to know what is supported and what is not: campaignmonitor.com/css/b


P.S.

There is a lot of variation in styling support among different mail clients and the same has been discussed on hashnode at times. you'll get some good tips for email styling here:

Creating an HTML Email is such a pain in 2016! What's the best way to create one?

Why is there so much variation in email CSS support amongst different clients?

How do you test your HTML emails?

Hope it helps! ๐Ÿ˜ƒ