Skip to main content

Our email CSS engine is open source. Give it a star on GitHub 

Emailens

CSS property · data last changed 10 Nov 2026

flex-wrap in email clients

Works in 13 of 21. Not supported in Gmail, Gmail Android, Gmail iOS and 5 more.

Your reader in Outlook Classic sees the email without flex-wrap, even if it looks right where you tested it.

caniemail (MIT) via @emailens/engine 0.18.22

What to do instead in Outlook Classic

For bulletproof responsive column wrapping across all clients including Gmail and Outlook Classic, implement the fluid hybrid pattern. Wrap each column in an inline-block container (<div style="display:inline-block; max-width:...">) and sandwich the layout inside conditional MSO table tags (<!--[if mso]><tr><td><![endif]-->). Outlook Classic renders the rigid MSO table grid, while mobile and modern clients wrap the inline blocks naturally.

There is no drop-in fix for flex-wrap in Outlook Classic. Design so the email still reads without it.

The checker needs a computer screen.

A free account opens all 21 clients and keeps your checks for 7 days. Create a free account →

Every account includes one free real-device check in classic Outlook, Outlook for Mac and Apple Mail, after you verify your email and run one preview, while this month's free capacity lasts. How real-device checks work →

flex-wrap is not among the 24 features we have screenshotted on real installs. The ones we have →

All 21 clients, problems first

ClientSupport
Gmail Not supported
Gmail Android Not supported
Gmail iOS Not supported
Outlook Classic Not supported
Yahoo Mail Not supported
Yahoo Mail Android Not supported
Yahoo Mail iOS Not supported
AOL Mail Not supported
Works in 13: Outlook 365, Outlook (New), Outlook iOS and 10 more. Show all
ClientSupport
Outlook 365 Works
Outlook (New) Works
Outlook iOS Works
Outlook Android Works
Outlook for Mac Works
Apple Mail Works
Apple Mail iOS Works
Samsung Mail Works
Thunderbird Works
HEY Mail Works
Proton Mail Works
Fastmail Works
Superhuman Works

How flex-wrap behaves

The flex-wrap property specifies whether flex items are forced onto a single line or can wrap onto multiple lines. In web design, flex-wrap is the foundation of responsive grids. In HTML email, however, flexbox support is severely fragmented: major clients like Gmail and Outlook Classic either strip or completely ignore flex properties, making direct reliance on flex-wrap a common pitfall in production layouts.

  • Gmail (Webmail, iOS, and Android) strips display: flex and flex-wrap from CSS rules, causing flex containers to fall back to standard block or inline flow.
  • Outlook Classic has zero support for flexbox properties; all child elements stack according to their natural display defaults.
  • Apple Mail, Outlook 365, and Thunderbird fully support flex-wrap, matching modern browser rendering.

Questions

Does flex-wrap work in Gmail?

No. Gmail strips display: flex and flex-wrap across its webmail interface and mobile applications. Flex children will collapse or stack according to default flow.

How do I create wrapping columns in Outlook Classic?

Outlook Classic uses Microsoft Word to render HTML and ignores all flexbox properties. Use conditional MSO comments (<!--[if mso]>) to provide a standard table row and cell layout for Outlook while allowing modern clients to wrap fluidly.

Your next question

Every feature in Outlook Classic · All email CSS features · What real installs show

Get new email CSS fixes by email.

caniemail (MIT) via @emailens/engine 0.18.22 · tested upstream 16 Jan 2023 · data last changed 10 Nov 2026 · Outlook (New) cells are the engine's mapping