Section

The container component (also called a section wrapper) is used to group related content within an email layout. It supports visual structure by applying consistent background colour, vertical padding and alignment – helping to separate sections such as introductions, feature content or calls to action.

When to use

Use section containers to:

• define logical groupings such as headers, main content or footers
• apply consistent styling across the layout without relying on margin (which is poorly supported in some email clients)
• maintain vertical rhythm and visual clarity using 8-point spacing increments (e.g. 16px, 24px, 32px of padding).