Dogr–A learning template

a multi-column HTML email with no media queries

Dogr email
Dogr email on desktop


Noble Desktop


To teach up-and-coming coders responsive HTML email development techniques that work with both modern and legacy email systems.


At the time of creation, Gmail, among other email clients, was not yet supporting the use of media queries.


This email is a basic two-column product-focused email with a hero section.

The email folds into a single column naturally on mobile, using a hybrid approach.

Microsoft conditional comments are implemented to maintain structure in Outlook.

Media queries are included to smooth out and enhance the mobile version of the email where supported.

back to view all work
view all work