Email Template
- If you do any error in CSS then gmail will simply ignore the entire CSS. Then you should debug the code to find the errors.
- Try to put your CSS codes in seperate <style></style> tags because
- Try to use inline CSS.
- Do not use comment in CSS.
- Gmail CSS does not supports:
- vw, vh
- flex
- Gmail doesn’t support attribute selectors: div[class=”column”] { width: 50%; }
- Gmail supports up to 8192 bytes of styles.
- Gmail will only keep the styles rules before that limit. Try to divide your code into multiple <style> tags.
- Gmail removes <style> tags that contain an @ declaration within an @ declaration. @media { @font-face { font-family: ‘Proxima Nova Regular’; } }
- Supported elements: https://developers.google.com/gmail/design/reference/supported_css