Email formatting: avoid bad table rendering from Gmail mobile app

continuation from "Outlook email formatting and testing"

Golden rules for email formatting:

• Design needs to be done using a width that fits both Desktop and Mobile displays (recommended: 540px)
• Use html tables for everything
• Always use width: xxxpx; and min-width: xxxpx; for table tags (this can also be applied to td tags if needed)
• Always use !important for min-widths, min-heights, widths and heights
• <tr> tags do not need any fixed width value nor any of the above rules

Sample code:

See the Pen Cross-client compatible email table by Rafa (@reacraf) on CodePen.

Sources:
 https://stackoverflow.com/questions/25630139/100-width-tables-dont-work-in-gmail-android
 https://stackoverflow.com/questions/19640848/force-gmail-for-iphone-to-render-table-cells-at-their-designated-widths?rq=1