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, 2 years ago

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


PSD to Email Service:htmlpanda.com

Join 200,000 companies around the world that use Campaign Monitor to run email marketing campaigns that deliver results for their business.

Get started for free
1-888-533-8098