Free responsive email skeleton & bullet proof 100% width buttons

People on Twitter were interested by this.

Here's the code with a preview: http://codepen.io/Omgitsonlyalex/pen/cKEyx

Let me know what you guys think.

roshodgekiss roshodgekiss, 3 years ago

Nice one, Alex - I dig it! Hanging on to this example, especially for the 100% width buttons :D


Get in touch with us on Twitter: http://twitter.com/campaignmonitor
We're also on Facebook: http://facebook.com/campaignmonitor
jimmenycricket jimmenycricket, 3 years ago

Cheers Alex its brilliant!

2 possible improvements;

- Replace the » with »

- I've heard removing the " " from the media query class name improves rendering on the blackberry OS

Verrry minor improvements though, top job! :)


Get in touch for any freelance work!
Alex I., 3 years ago
jimmenycricket :

Cheers Alex its brilliant!

2 possible improvements;

- Replace the » with »

- I've heard removing the " " from the media query class name improves rendering on the blackberry OS

Verrry minor improvements though, top job! :)

I actually do use » but for some reason it got lost in translation when copying into Codepen.

I tested removing the quotations from the Media queries and noticed no different in a Litmus test. I'd love to read up on it though if you have any documentation on it?

Stig Stig, 3 years ago

Nice work Alex! Just a quick heads up: According to my testing, links wrapped around tables aren't clickable in Outlook 2007/2010/2013.


The Campaign Monitor Blog – HTML email smarts to go with your good looks.
emailchopper, 3 years ago

Alex! you have done such a great work..I really admire you...


PSD to HTML Email Conversion Service Provider: Emailchopper.com
Alex I., 3 years ago
Stig :

Nice work Alex! Just a quick heads up: According to my testing, links wrapped around tables aren't clickable in Outlook 2007/2010/2013.

Noticed this too, for Bespoke solutions it's not too bad, you can stick an anchor tag inside the table too but could cause an issue with tracking. Working on a different workaround for this too.

emailchopper :

Alex! you have done such a great work..I really admire you...

Thanks for the kind words! :)

Lisa Johnson, 3 years ago

Wow!! It is so wonderful. I really appreciate it.


PSD to Email Service:htmlpanda.com

See why 200,000 companies worldwide love Campaign Monitor.

From Australia to Zimbabwe, and everywhere in between, companies count on Campaign Monitor for email campaigns that boost the bottom line.

Get started for free