Handling UI markup inside email templates

We are using Inky templating language to write email templates for neeto products. We should use proper Inky components while working on the email template development. Commonly used components are converted to partials inside the neeto_emails gem. We should use these components instead of writing custom components for each email template. Some of the best practices to follow during email template development are listed below.

Align the content without using HTML entity  

We should follow Inky alignment classes and grid format to align content instead of using HTML entities similar to those inside the email template.

Requirement

ui_markup_requirement_example.png

Bad

ui_markup_bad_example.png

Good

ui_markup_good_example.png