Email Wizard two column layout doesn't work on mobile

[dylan-gregory]

Description

Whenever you build an email with the Email Wizard using the two-column drop-in section, the 50% width is not honored on mobile. It looks correct in a desktop browser on a mobile size, but not on an actual mobile device.

reproduced in 9.3 on iOS

Steps to Reproduce

1. Start building a new email
2. Drop in a two-column layout section
3. Drop in text or images into the left and right sides
4. Send the email and view it on a mobile device (currently only tested on iPhones)

Expected behavior:

Those columns should respect the styles given to them to make each section 12 columns at the small breakpoint.

Actual behavior:

It looks like the left column becomes about 11 cols, the right 1 col (see screenshot above).

Versions

• Rock Version: 8.7
• Client Culture Setting: en-US

[spurgeonbj]

Tested and found that this is not a bug (on Rock 8.9 production)

[thimmarajusv]

[dylan-gregory]

It is still an issue in v9.3 on iOS

[garrettjohnson]

Apple Mail and Safari will now ignore certain styles when a document does not have a doctype. With the fix we now inject the html5 doctype automatically.