Skip to main content
Emailens
CSS Properties

flex-direction

CSS property · 11 supported, 0 partial, 10 unsupported across 21 clients

11 of 21 email clients render flex-direction fully (Sep 2, 2026 data); it breaks outright in Gmail, Gmail Android, Gmail iOS and 7 more.

  • 4/7 webmail, 4/6 desktop, 3/8 mobile clients support flex-direction fully.
  • Unsupported in Gmail, Gmail Android, Gmail iOS, Outlook (New) and 6 more.
  • Outlook Classic (Word engine, supported to at least 2029) does not fully support flex-direction, and its replacement changes little here; see the deprecation diff.
  • Across all clients, only 6 of 298 tracked HTML/CSS features render identically everywhere.

Source: caniemail.com (MIT), via the Emailens engine. Last tested upstream Jan 17, 2023, synced by Emailens Sep 2, 2026.

Client Support

ClientCategoryEngineSupport
GmailwebmailGmail WebUnsupported
Gmail AndroidmobileGmail MobileUnsupported
Gmail iOSmobileGmail MobileUnsupported
Outlook 365webmailOutlook WebSupported
Outlook (New)desktopOutlook WebUnsupported
Outlook ClassicdesktopMicrosoft WordUnsupported
Outlook iOSmobileOutlook MobileSupported
Outlook AndroidmobileOutlook MobileUnsupported
Outlook for MacdesktopWebKitSupported
Apple MaildesktopWebKitSupported
Apple Mail iOSmobileWebKitSupported
Yahoo MailwebmailYahooUnsupported
Yahoo Mail AndroidmobileYahooUnsupported
Yahoo Mail iOSmobileYahooUnsupported
Samsung MailmobileSamsungSupported
ThunderbirddesktopGeckoSupported
HEY MailwebmailWebKitSupported
Proton MailwebmailProtonSupported
AOL MailwebmailAOLUnsupported
FastmailwebmailFastmailSupported
SuperhumandesktopBlinkSupported

Client-by-client behaviour for flex-direction

Fully supports flex-direction (11): Outlook 365, Outlook iOS, Outlook for Mac, Apple Mail, Apple Mail iOS, Samsung Mail, Thunderbird, HEY Mail, Proton Mail, Fastmail, Superhuman.

No support (10): Gmail, Gmail Android, Gmail iOS, Outlook (New), Outlook Classic, Outlook Android, Yahoo Mail, Yahoo Mail Android, Yahoo Mail iOS, AOL Mail. Plan fallbacks for these clients before relying on flex-direction in production sends.

Fixes & Workarounds

Gmail

Unsupported

"flex-direction" is not supported in this email client.

Gmail Android

Unsupported

"flex-direction" is not supported in this email client.

Gmail iOS

Unsupported

"flex-direction" is not supported in this email client.

Outlook (New)

Unsupported

"flex-direction" is not supported in this email client.

Outlook Classic

Unsupported

"flex-direction" is not supported in this email client.

Outlook Android

Unsupported

"flex-direction" is not supported in this email client.

Yahoo Mail

Unsupported

"flex-direction" is not supported in this email client.

Yahoo Mail Android

Unsupported

"flex-direction" is not supported in this email client.

Yahoo Mail iOS

Unsupported

"flex-direction" is not supported in this email client.

AOL Mail

Unsupported

"flex-direction" is not supported in this email client.

Related Features

Check your own HTML for flex-direction

Paste your own, or run the sample below. Analyzed in this page, with no signup and nothing stored.

Zero-Friction Engine Preview

Test your flex-direction layout across 21 email clients

Preview rendering, catch CSS issues, and see how flex-direction displays across Outlook, Gmail, and Apple Mail. Free, no account needed.

Instant live preview · No signup required · 21 email engines

Last tested upstream: · Last synced by Emailens:

caniemail.com (MIT) records Jan 17, 2023 as the last time flex-direction was tested in a real client, 3 years before this sync. Syncing copies that result forward, it does not re-test it. Carried in @emailens/engine data v0.12.2.