Email template

1. 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.
2. Try to put your CSS codes in seperate <style></style> tags because
3. Try to use inline CSS.
4. Do not use comment in CSS.
5. Gmail CSS does not supports:
   1. vw, vh
   2. flex
   3. Gmail doesn’t support attribute selectors: div[class=”column”] { width: 50%; }
   4. Gmail supports up to 8192 bytes of styles.
   5. Gmail will only keep the styles rules before that limit. Try to divide your code into multiple <style> tags.
   6. Gmail removes <style> tags that contain an @ declaration within an @ declaration. @media { @font-face { font-family: ‘Proxima Nova Regular’; } }
6. Supported elements: https://developers.google.com/gmail/design/reference/supported_css

Labels: Web development