Skip to main content

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

Emailens

display:grid in Outlook Classic

Not supported display:grid is not supported in Outlook Classic.

Works in 18 of 21 · partial in 2 · not supported in 1

Which clients
Works
Gmail, Outlook 365, Outlook (New), Outlook iOS, Outlook Android, Outlook for Mac, Apple Mail, Apple Mail iOS, Yahoo Mail, Yahoo Mail Android, Yahoo Mail iOS, Samsung Mail, Thunderbird, HEY Mail, Proton Mail, AOL Mail, Fastmail, Superhuman
Partial
Gmail Android, Gmail iOS
Not supported
Outlook Classic

Your reader in Outlook Classic sees the email without display:grid, even if it looks right where you tested it.

The fix for Outlook Classic

Replace CSS Grid with table layout for email compatibility

after
<table role="presentation" width="100%" cellpadding="0"
  cellspacing="0" border="0">
  <tr>
    <td width="50%" style="padding: 8px;" valign="top">
      Item 1
    </td>
    <td width="50%" style="padding: 8px;" valign="top">
      Item 2
    </td>
  </tr>
</table>
Show the original
before
<div style="display: grid;
            grid-template-columns: 1fr 1fr; gap: 16px;">
  <div>Item 1</div>
  <div>Item 2</div>
</div>

The checker needs a computer screen.

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

What Outlook Classic does with display:grid

The Emailens probe for display:grid on 3 real installs counted as Outlook Classic, captured 14 Oct 2026. It shows the problem, not the fix. Where display:grid is supported it shows: three boxes in a row.

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 →

@emailens/engine 0.18.22 on the original code

Outlook Classic receives this grid box. The MSO branch needs a table.

Your next question

Every feature in Outlook Classic · display:grid in every client

Questions

How many email clients support display:grid?
It works in 18 of 21, partial in 2, not supported in Outlook Classic.
What do I use instead of display:grid in Outlook Classic?
Replace CSS Grid with table layout for email compatibility.
Does display:grid work in AOL Mail?
display:grid works in AOL Mail. Closest to Outlook Classic: AOL Mail, which agrees on 206 of the 298 features both are tested on.

To see what else in your email Outlook Classic does not support, paste the whole email.

The checker needs a computer screen.

Real captures 14 Oct 2026 on 11 installs · caniemail (MIT) via @emailens/engine 0.18.22 · tested upstream 28 Feb 2019 · data last changed 10 Nov 2026 · Outlook (New) cells are the engine's mapping