mjml-group
Desktop
Mobile
mj-group allows you to prevent columns from stacking on mobile. To do so, wrap the columns inside a mj-group
tag, so they'll stay side by side on mobile.
Easy and quick Write less code, save time and code more efficiently with MJML’s semantic syntax. Responsive MJML is responsive by design on most-popular email clients, even Outlook.
attribute | unit | description | default attributes |
---|---|---|---|
width | percent/px | group width | (100 / number of non-raw elements in section)% |
vertical-align | string | middle/top/bottom | top |
background-color | string | background color for a group | n/a |
css-class | string | class name, added to the root HTML element created | n/a |