rodriguezcommaj / salted

Salted: A responsive email template

---

I'm Jason Rodriguez (he/him). I'm a slightly jaded, somewhat pessimistic—but ultimately hopeful—tech worker. I care about making simple, accessible work, no matter the medium.

You've probably seen me on a webinar or conference stage talking about email marketing, design, development, accessibility, inclusion... stuff like that. I work on marketing operations right here at GitHub.

Reach out via email or Mastodon if you want to chat about the web, email, or your favorite ukulele. ✌️

salted's Issues

3 column layout

Is there recommended code for a 3 column layout in Salted?

not responsive in Firefox 37.0.1 on OS 10.10.2?

Jason, thank you for providing this template. It works well for me except in Firefox. The example file salted-responsive-email-template.html does not appear to be responsive in Firefox 37.0.1 on OS 10.10.2. The problem seems to be that the larger images won't shrink as the browser width shrinks, and it's not immediately clear to me why or how to resolve it.

This problem does not occur in Chrome 41.0.2272.118 or Safari 8.0.3 or Opera 27.0.1689.54.

Left-aligned Buttons on Gmail App in Android

Just wanted to let you know that centered buttons show up left-aligned on the gmail app for android.

I fixed this by adding a .centered-button-container class for the containers of buttons that are supposed to be centered. The problem is that gmail is ignoring the width="100%" on the <table> and needs a style="width: 100% !important". This class gets inlined of course.

HTML Before:
`

`

HTML After:
`

`

CSS After:
.centered-button-container { width:100% !important; }

If you'd like, I can submit a pull request. And thanks for a super-reliable template.

Gmail App squeezes image

This is how it looks on Gmail App

Anyone knows how to fix it?

gmail explorer view gets cut off

Love the template, it looks great. Just wanted to let you know a lot of the content seems to get cut off in gmail explorer, firefox and chrome when testing the original file in litmus.com. I'm going to play with it to see if I can find a solution.

No column collapse on Android Gmail ( tested > Android 8 )

no responsive column collapse on Gmail for Android ( Android 8, 9, 10 ) using the unaltered template file salted-responsive-email-template.html

Max Width on Email Logo

There seems to be no max-width property on the email logo.
Is there any way this could be limited? On Outlook, some logos take up almost the entire screen if the image is too big.

Thanks!

Specify a license

If someone acquired Litmus today they would also acquire the opportunity to claim infringement against your users.

MIT License would be appropriate. Just a mention in the README would do.

http://choosealicense.com/

Gmail Custom HTML Ads

https://support.google.com/displayspecs/answer/6256348?hl=en

Hello! Maybe you will be interested in this idea. Make a template for "Gmail Custom HTML Ads".

Image source

Where can I source graphics similar to responsive-email.jpg on the email template?