

If you would like 6px margin-bottom on your p tags, use 3px margin-bottom and 3px padding-bottom to have an uniform look between all email providers. The reason being is does not support margin, and Outlook 2007-2013 does not support padding on div’s and p elements. To correct that, the alternative would be to use half margin, half padding.

#Responsive email for gmail tutorial how to
Knowing how to create an awesome responsive email for all of the different clients can be confusing to say the least.Ī good example is how margins are not supported in, but it is supported in all the other major clients. This does not mean that your email can not be tailored to fit each of these email clients though. Your email will still be visible and usable, it just will not be responsive. What this means for you is that 47% of all email client users will receive a responsive email while the other 53% will not. We have been saying Macs are better for years, believe us now? ) Yes, you read that correctly, only two! These are Apple Mail and iPhone iOS 7/iPad. Currently, there are only two email clients that support Responsive Emails. Now this next bit of information is a bit hard to believe but is true none-the-less. According to Email Client Market Share the most used email clients are: While there are many out there (hundreds), by designing your email for the top 10 most used email clients, you can ensure that 95% of your customers are receiving a clean, crisp and responsive message from your email campaign.įirst thing you need to know is who these top 10 email clients are. When using Responsive Email Designer there are many different email clients that you have to take into consideration when you are designing your email.
