![]() Typically, we use 600px width for email, so setting the first with the logo to the logo size (200px) and then the second to the remaining space (400px), helps define spacing for this Setting the width on each is important, otherwise you may get some funkiness with the spacing.Step 1: Building a Top Navįirst, we can start with adding a top nav to our template: You can find more MJML Template examples on their website. Here’s an example of a basic MJML template and it’s different components. Once you have the structure in place, the rest is just styling and adjustment to make sure your template is optimized and accessible. You can see how this template is responsive and adjusts automatically on smaller screen sizes by clicking the mobile icon at the top of the “Try it Live” previews. Click the arrow on the right side to see a preview of the email.Īnd here’s an email template with two columns: – The tag that is within an that declares how many columns are in each section.įor example: Here is an email template with one column:.– The tag that denotes a horizontal section of an email template. ![]() The responsive email template boils down to two basic “blocks” you use to build an email: You’ll want to pull up the MJML Documentation in a browser as well, as this is going to be the sacred document of reference for anything you’re trying to accomplish. MJML.io has an excellent getting started tutorial which walks through the basics of the framework. ![]()
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |