MJML SOCIAL MEDIA SHOWING MORE ICONS FULL

But for most of us, who just want to build a professional responsive email template, I think it's a fabulous tool. It's definitely nowhere near as powerful as modern CSS, and if you have a really ambitious layout, it might not be powerful enough. With these basic building blocks, it's possible to build most typical email layouts.

For example, you can add social sharing links with, or expandable text chunks similar to details/summary with.

You're granted the full flexibility of HTML, but without its guardrails, you're no longer guaranteed to have a consistent, universal experience across all email clients.įinally, there are some handy pre-built utilities you can use. MJML won't process anything inside an tag. You can create headings by applying cosmetic styles as inline attributes, like: It doesn't exactly map onto an tag - for example, we can add an href attribute, and it'll wrap that image in an anchor tag, linking to the provided URL.Ĭuriously, all text elements (paragraphs and headings) use the same tag. There are a ton of MJML tags for various things, like, which renders a stretchy responsive image. This is the fundamental thing that makes MJML emails “responsive”. On smaller screens, though, the columns stack vertically. On a large screen, columns will sit side-by-side, as if in a Flex row.

Each section is meant to be a distinct visual chunk of the email.Įach section should have one or more columns, using. The MJML language provides a set of common tags you can use to structure your email.Įach email is a collection of sections, using the tag.

MJML SOCIAL MEDIA SHOWING MORE ICONS FULL

Mjml social media showing more icons