mjml-ecm-head-breakpoint

4.4.0-ecm-18 • Public • Published

mjml-breakpoint

This tag allows you to control on which breakpoint the layout should go desktop/mobile.

<mjml>
  <mj-head>
    <mj-breakpoint width="320px" />
  </mj-head>
  <mj-body>
    <mj-section>
      <mj-column>
        <mj-text>
          Hello World!
        </mj-text>
      </mj-column>
    </mj-section>
  </mj-body>
</mjml>

try it live

attribute unit description default value
width px breakpoint's value n/a

/mjml-ecm-head-breakpoint/

    Package Sidebar

    Install

    npm i mjml-ecm-head-breakpoint

    Homepage

    mjml.io/

    Weekly Downloads

    1

    Version

    4.4.0-ecm-18

    License

    MIT

    Unpacked Size

    3.24 kB

    Total Files

    5

    Last publish

    Collaborators

    • tomsq