Security News
Node.js EOL Versions CVE Dubbed the "Worst CVE of the Year" by Security Experts
Critics call the Node.js EOL CVE a misuse of the system, sparking debate over CVE standards and the growing noise in vulnerability databases.
mjml-column
Advanced tools
Columns enable you to horizontally organize the content within your sections. They must be located under mj-section
tags in order to be considered by the engine.
To be responsive, columns are expressed in terms of percentage.
Every single column has to contain something because they are responsive containers, and will be vertically stacked on a mobile view. Any standard component, or component that you have defined and registered, can be placed within a column – except mj-column
or mj-section
elements.
<mjml>
<mj-body>
<mj-section>
<mj-column>
<!-- Your first column -->
</mj-column>
<mj-column>
<!-- Your second column -->
</mj-column>
</mj-section>
</mj-body>
</mjml>
Columns are meant to be used as a container for your content. They must not be used as offset. Any mj-element included in a column will have a width equivalent to 100% of this column's width.
Columns cannot be nested into columns, and sections cannot be nested into columns as well.
attribute | unit | description | default attributes |
---|---|---|---|
background-color | color | background color for a column | n/a |
inner-background-color | color | requires: a padding, inner background color for column | n/a |
border | string | css border format | none |
border-bottom | string | css border format | n/a |
border-left | string | css border format | n/a |
border-right | string | css border format | n/a |
border-top | string | css border format | n/a |
border-radius | percent/px | border radius | n/a |
inner-border | string | css border format | n/a |
inner-border-bottom | string | css border format ; requires a padding | n/a |
inner-border-left | string | css border format ; requires a padding | n/a |
inner-border-right | string | css border format ; requires a padding | n/a |
inner-border-top | string | css border format ; requires a padding | n/a |
inner-border-radius | percent/px | border radius ; requires a padding | n/a |
width | percent/px | column width | (100 / number of non-raw elements in section)% |
vertical-align | string | middle/top/bottom (note: middle works only when adjacent mj-column is also set to middle) | top |
padding | px | supports up to 4 parameters | n/a |
padding-top | px | section top offset | n/a |
padding-bottom | px | section bottom offset | n/a |
padding-left | px | section left offset | n/a |
padding-right | px | section right offset | n/a |
css-class | string | class name, added to the root HTML element created | n/a |
FAQs
mjml-column
We found that mjml-column demonstrated a healthy version release cadence and project activity because the last version was released less than a year ago. It has 6 open source maintainers collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
Critics call the Node.js EOL CVE a misuse of the system, sparking debate over CVE standards and the growing noise in vulnerability databases.
Security News
cURL and Go security teams are publicly rejecting CVSS as flawed for assessing vulnerabilities and are calling for more accurate, context-aware approaches.
Security News
Bun 1.2 enhances its JavaScript runtime with 90% Node.js compatibility, built-in S3 and Postgres support, HTML Imports, and faster, cloud-first performance.