display:grid in Thunderbird
SupportedGecko · desktop
Support Details
Replace CSS Grid with table layout for email compatibility.
Before
<div style="display: grid;
grid-template-columns: 1fr 1fr; gap: 16px;">
<div>Item 1</div>
<div>Item 2</div>
</div>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>Replace CSS Grid with table layout for email compatibility
display:grid is fully supported in Thunderbird. No workarounds needed.
Other Clients
| Client | Support |
|---|---|
| Gmail | Unsupported |
| Gmail Android | Unsupported |
| Gmail iOS | Unsupported |
| Outlook 365 | Supported |
| Outlook (New) | Unsupported |
| Outlook Classic | Unsupported |
| Outlook iOS | Unsupported |
| Outlook Android | Unsupported |
| Apple Mail | Supported |
| Apple Mail iOS | Supported |
| Yahoo Mail | Unsupported |
| Samsung Mail | Supported |
| HEY Mail | Supported |
| Superhuman | Supported |
Related Features
Test your email across all 15 clients
Preview rendering, catch CSS issues, and get actionable fixes — free.
Try Emailens Free