I’m having some trouble getting three responsive-styled buttons to break onto new lines in Android Gmail 6 previews
In those examples, you can see how the email should render from desktop to mobile (desktop, Apple Mail 10; mobile, iPhone 6), and how the three buttons should go from one row to three separate lines.
I can’t figure out whether it’s a table sizing issue, a class display:block issue, a rookie mistake I’m missing, or just something that Gmail is ignoring that I’m not aware of.
Here’s the raw HTML:
Anyone else run into similar issues, and/or possibly know of a fix?
P.S. If you view the Gmail APP iOS 7 preview, you can see I’m also having an issue getting the buttons to resize and break lines there too, but I’m not as concerned about that right now.