HTML email displays as too wide in gmail, when it is only 580px wide.
My html email is 580px wide, and the bottom sections divides into 2 columns 290px wide. Looks great in portrait view as I add things in one by one. The email fills the screen in gmail. But, when I add in the paragraphs in green to the first column, then the email appears wider than the screen. Everything seems solid in my code, what am I overlooking?
Codepen: https://codepen.io/emilysbca/pen/LmeaJW/
Codepen: https://codepen.io/emilysbca/pen/LmeaJW/
Dave Baldwin
It could be that you are using HTML or CSS that Gmail blocks. How are you viewing your Gmail? Desktop? Mobile? Which browsers?
ASKER
Dave Baldwin I paste the code into mailChimp and send it to my gmail account. I look at it on my android phone. Looks fine on my laptop. Yahoo never has a problem, that's another account that I send to through mailChimp.
SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
ASKER
I saw that style tags in the body are not supported in gmail, so I moved every style up to the header. I even took out every image. STILL gmail is messing with me. I changed my pen to reflect my changes: https://codepen.io/emilysbca/pen/qYxYJx/
SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
ASKER
This version is 500px wide. It too, is too wide for portrait view through gmail. I am stumped.
https://codepen.io/emilysbca/pen/MGQZPe/
https://codepen.io/emilysbca/pen/MGQZPe/
ASKER CERTIFIED SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
ASKER
Yes, thank you Dave Baldwin, and it makes total sense. Changing width from fixed to 100% makes it fit the screen, but it will never be wider than the max-width of 580px.