Email Design Email Layout and Structure 2

Question 1

Why should email designers avoid using CSS floats for layout?

Accepted Answer

Many email clients do not support CSS floats reliably

Answer

CSS floats are not consistently supported across email clients, so table-based or inline-style layouts are more reliable.

Question 2

What is the recommended minimum touch target size for links and buttons in mobile email?

Accepted Answer

44x44px

Answer

A minimum touch target of 44x44px is recommended by Apple's Human Interface Guidelines to ensure easy tapping on mobile devices.

Question 3

Which email section typically contains the logo, navigation links, and branding?

Accepted Answer

Header

Answer

The email header contains branding elements like the logo and navigation links, establishing brand identity at the top of the message.

Question 4

What is the purpose of spacer rows in an HTML email table?

Accepted Answer

To add vertical whitespace between sections

Answer

Spacer rows use empty table cells or images to add vertical whitespace, improving readability and visual separation.

Question 5

What does 'fluid layout' mean in email design?

Accepted Answer

The layout adapts its width to the container using percentage-based widths

Answer

A fluid layout uses percentage-based widths so the email stretches or shrinks to fit different screen sizes automatically.

Email Design Practice Test