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


HTML Email Responsive Design Issue

Hi - I have produced a piece of HTML to be used in an email campaign - so all lovely tables (nice). The CSS is currently in the head tag pre it getting converted to inline. When I view this email online it works all nice and responsively apart from a few tweaks when it gets delivered as a test email to my Iphone the media queries do not seem to be kicking in - does anyone know why that might be please.


7 Answers

Ah answered own question - do not convert the media query to convert to inline CSS - add this after the conversion has been done - DOH!!!!

No its an awesome course it has given me new faith in HTML email - I was just thinking this morning (an no offence to any other course) but hands down it has been one of the best ones for me.


I couldn't keep up with Fabio, he was copy pasting codes because it's more than 160 lines of code he wont write it all again.
If email client's supports HTML5 and CSS3 would be easier using regular html elements.

Anthony Hind
Anthony Hind
5,715 Points

I agree it was a confusing topic at times but absolutely brilliant and helped me out a lot too I really don't like using the default email templates that you get access to via Email Marketing tools.

i bit you struggled when makin this, i took the Email design course, it was so complicated and frustrating.
There is table nested inside a table inside a table inside a table inside a table ....
I quieted the course.

Although that been said I did mess up the nesting on version one - all hail GIT though so I could go back a few steps with minimum fuss

I found downloading the exercise files a great help as I could analyse those against my own code