Email Design Email Design MCQ 3

Question 1

A designer notices their email renders with unexpected gaps under images in some clients. What is the most common fix?

Accepted Answer

Set images to display:block

Answer

Images default to inline display, which adds descender space below them; display:block removes the gap.

Question 2

Which approach makes a two-column email layout stack vertically on small screens?

Accepted Answer

Using media queries or fluid hybrid design to reflow columns

Answer

Media queries or fluid hybrid techniques let side-by-side columns stack into a single column on narrow viewports.

Question 3

What is a 'bulletproof button' in email design?

Accepted Answer

A CTA button built with HTML and CSS (often VML for Outlook) instead of an image

Answer

Bulletproof buttons use code rather than images so they render even when images are blocked, with VML fallbacks for Outlook.

Question 4

Why should designers avoid building an entire email as one large image?

Accepted Answer

It is invisible when images are blocked, hurts accessibility, and triggers spam filters

Answer

All-image emails show nothing when images are blocked, cannot be read by screen readers, and raise spam scores.

Question 5

Which font strategy is best when using a custom web font in email?

Accepted Answer

Specify a font stack with web-safe fallbacks like Arial or Georgia

Answer

Most clients ignore web fonts, so a fallback stack of web-safe fonts preserves a similar look.

Email Design Practice Test