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 Testing Email

Gregory Ledger
Gregory Ledger
6,116 Points

Responsive and outlook

What I think I'm getting here is that I don't have to add inline styles to make the html responsive. Rather you would code a static email and use media queries to make the email responsive. This should cover all the rendering glitches in Outlook 2007, etc.

Can anyone confirm this? I've been messing around for hours with

1 Answer

Nick Weight
Nick Weight
1,890 Points

Correct. The inline code is not so much for the responsive side of things. That is where the media queries come in. However you do need to make sure that the media query styling that will make everything responsive overwrites all the code it needs to in the original template correctly. This can include an increase in font sizes, hiding tables that should not show in mobile so you have a more simple design, etc.

It should also be noted that gmail will strip out your media query. This is one of the reasons why everything needs to be inline before you send it. This is unfortunate as it is one of the more popular email clients.