Skip to main content

display:grid in Yahoo Mail iOS

SupportedYahoo · mobile

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 Yahoo Mail iOS. No workarounds needed.

Other Clients

ClientSupport
GmailSupported
Gmail AndroidPartial
Gmail iOSPartial
Outlook 365Supported
Outlook (New)Unsupported
Outlook ClassicUnsupported
Outlook iOSSupported
Outlook AndroidSupported
Outlook for MacSupported
Apple MailSupported
Apple Mail iOSSupported
Yahoo MailSupported
Yahoo Mail AndroidSupported
Samsung MailSupported
ThunderbirdSupported
HEY MailSupported
Proton MailSupported
AOL MailSupported
FastmailSupported
SuperhumanSupported

Related Features

Test your email across all 21 clients

Preview rendering, catch CSS issues, and get actionable fixes. Free.

Try Emailens Free