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 Coding HTML Email Building Common Design Patterns

christopher millsap
christopher millsap
5,240 Points

why would you give the introductionBlock its own table instead of just simply coding three rows?

why this: <table border="0" cellpadding="0" cellspacing="0" width="520" id="introductionBlock"> </table> instead of just coding three rows, one with a colspan set equal to 2?

3 Answers

Sergio Garcia
Sergio Garcia
7,875 Points

The more you nest the tables, the more control you get over the placement of the elements. At the same time is easier to call out the table class when you are trying to make the email responsive.

If you had three rows, it would would not look the same. it would have the gallery, the title and the introduction text all on different lines.

Like anything, there are probably multiple ways to do this, but the nested table with the logo and title makes sense to me... within the context of these emails anyways.

Isabel Smith
PLUS
Isabel Smith
Courses Plus Student 2,361 Points

I like making everything module. Makes it easy when the client makes changes.