Responsive Email Patterns

A collection of patterns and modules for responsive emails. Responsive Email Patterns Website

Based on Brad Frost's 'This is Responsive' Responsive Patterns.

Layout

• Column Drop
• 2 equal-width columns
• 2 equal-width columns V2
• 3 equal-width columns
• Shrink Wrap
• Main Column with Sidebar
• Image Surround
• Layout Shifter
• Source Order Shift

Navigation

• Top Links
• Stacked Split Links
• Drop Below
• Footer Anchor
• Reduce
• Reduce 2
• Hide Everything
• Stacked Top Links
• Stacked Top Links 4-Up

Lists

• List with Thumbnails
• List with Thumbnails V2
• List with Thumbnails & Summary Stack
• List with Thumbnails & Summary Hide

Grid Blocks

• With Title Sections
• Double-Wide v1
• Double-Wide v2
• Double-Wide v3

Media

• Basic Fluid Image
• Image Center Crop
• Image Vertical Crop
• Image Right Crop
• Image Left Crop
• Description Overlay Bottom
• Image Grid
• Fuid Video

Accordion

• Show More
• Full to Accordion