The Clambake - Add retina-ready graphics, like your logo, to a responsive email.
Latest commit 1f8cf6e Mar 18, 2013 @aaronkahlhamer Removed TD height.
Permalink
Failed to load latest commit information.
imgs upload Mar 12, 2013
stylesheets initial uploads Jan 4, 2013
README.md Copy changes. Mar 12, 2013
basic.html Removed TD height. Mar 18, 2013

README.md

The Clambake

Traditional markup. Large container. Yummy deliciousness.

  • Retina Logo
  • Contained in adaptive dual columns.
  • No @media queries.
  • Zurb Responsive Email Template

Fluid layouts thrive on max-width and min-width. Unfortunately Outlook products do not support these features and creating pure fluid HTML email, especially those with dual columns, is borderline impossible. Outlook is not the only one with it's melon in the pig bucket. Per Campaign Monitor, the new Gmail 2.0 ignores styles in the head which rule out high-res @media queries. When it comes to HTML email newsletters, the farm is in disarray.

More details can be found at ZURB Playground.

The original markup can be found at http://jsfiddle.net/builtbymay/sUhAU/. Feel free to test it at Litmus.