Email Design Email Design MCQ 2 — Questions and Answers
Question 1: What is the recommended maximum width for the main content area of an HTML email?
- 600-640 pixels (Correct answer)
- 1024 pixels
- 320 pixels
- 1280 pixels
Correct answer: 600-640 pixels
A 600-640px width renders reliably across most desktop and webmail clients without horizontal scrolling.
Question 2: Why are HTML tables still widely used for email layout instead of modern CSS layout methods?
- Many email clients, especially Outlook, lack support for flexbox and grid (Correct answer)
- Tables load faster than divs
- Tables are required by CAN-SPAM law
- Divs cannot contain images in email
Correct answer: Many email clients, especially Outlook, lack support for flexbox and grid
Clients like Outlook use rendering engines with poor CSS support, so tables remain the most reliable layout method.
Question 3: What is the purpose of preheader text in an email?
- It appears after the subject line in the inbox preview to boost opens (Correct answer)
- It replaces the subject line on mobile devices
- It is hidden metadata used only by spam filters
- It defines the email's character encoding
Correct answer: It appears after the subject line in the inbox preview to boost opens
Preheader text is the snippet shown next to or below the subject line in the inbox, giving a second chance to entice the open.
Question 4: Which image format is generally the safest choice for photographic images in email?
- JPEG (Correct answer)
- SVG
- TIFF
- WebP
Correct answer: JPEG
JPEG offers good compression for photos and is supported by virtually every email client, unlike SVG or WebP.
Question 5: What should a designer always provide in case an email client blocks images by default?
- Descriptive alt text for every image (Correct answer)
- A plain-text fallback link in the footer only
- An animated GIF version
- A larger file size so images load anyway
Correct answer: Descriptive alt text for every image
Alt text conveys meaning when images are blocked and improves accessibility for screen readers.
Question 6: Which CSS technique is most reliable for styling text in HTML emails?
- Inline styles applied directly to each element (Correct answer)
- External stylesheets linked in the head
- CSS variables defined in :root
- JavaScript-injected styles
Correct answer: Inline styles applied directly to each element
Some clients strip head and linked styles, so inline styles are the most consistently rendered method.
Question 7: What is the minimum recommended tap target size for buttons in mobile email design?
- About 44x44 pixels (Correct answer)
- About 16x16 pixels
- About 100x100 pixels
- About 8x8 pixels
Correct answer: About 44x44 pixels
Apple and usability guidelines recommend roughly 44x44px so buttons are easy to tap with a finger.
Email Design Email Design MCQ 2
What is the recommended maximum width for the main content area of an HTML email?