npm.io
5.4.0 • Published 1 month ago

mjml-head-breakpoint

Licence
MIT
Version
5.4.0
Deps
3
Size
4 kB
Vulns
0
Weekly
0
Stars
18.2K

mj-breakpoint

Allows you to control at what width the layout should change from the desktop/mobile view to the desktop one.

<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>

Attributes

attribute accepts description default value
width px breakpoint's value

Try it live