Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

Design HTML Email Design Going Mobile Media Queries and Mobile CSS

Jack Linwood
Jack Linwood
4,289 Points
Posted by Jack Linwood
Jack Linwood
4,289 Points

display: block; doesn't work on Android?

display: block; doesn't work on Android?

Russell Gooday
Russell Gooday
389 Points
Russell Gooday
Russell Gooday
389 Points

Just to confirm the email_css_mobile file and inlined version no longer work responsively in Yahoo mail for Android. I have tested it via Mailchimp. This has been a sticking point for me in development and I had hoped the course would shed some light on how to rectify that.

I don't know if it is the same issue, but it doesn't appear to be to do with display: block not working, but to do with Android yahoo ignoring @media queries full stop. Set display: block to be the default style on the TD's is it? and they will stack in Androids yahoo mail.

Suggestions I have read are such as using @media screen yahoo {.... putting a duplicate of the style block in the body section, not having gaps between !important and the last parameter etc. None of these have worked — for me anyway.

This course is apparently quite old, it would be nice to see an update.