Skip to content
All projects
Email TemplatesHTML EmailsStatus: Completed

Responsive HTML Email Templates

Responsive promotional emails built for wide client compatibility

GitHub

Collection of cross-client responsive HTML email templates tested across Gmail, Outlook, and Apple Mail.

Problem

Most marketing emails break across email clients — Outlook strips modern CSS, Gmail clips messages, and mobile layouts collapse.

Goal

Build a library of responsive, cross-client email templates that render reliably across Gmail, Outlook, Apple Mail, and mobile clients.

What I Built

Hand-coded HTML email templates using table-based layouts and MJML, tested across major email clients with inline CSS and fallback patterns.

Key Features

  • Cross-client responsive layouts (Gmail, Outlook, Apple Mail)
  • MJML-based build workflow for faster iteration
  • Inline CSS with fallback patterns for legacy clients
  • Mobile-responsive stacking and fluid widths

Challenges

  1. Working within table-based layout constraints for Outlook compatibility
  2. Verifying layouts by hand across Gmail, Outlook, and Apple Mail without an automated screenshot service

Outcome

Template library on GitHub. Predates the single-file A|G Realty and Sugar & Sprinkle builds above — kept for range, not as the best work in this category.