mj-columno not breakpoint

[LuisMejiaPoot]

what would be the best way to breakpoint the fifth mj-column.

when it has more than 5 mj-columns it does not make the breakpoint and does not put the sixth mj-column down.

This issue only happens in outlook

Result below:

[iRyusa]

You can't have more than 100% of content inside a section. Break it into a new section as outlook doesn't know how to wrap columns as a browser would

…

On Thu, Dec 8, 2022 at 11:35 PM Luis Mejia Poot ***@***.***> wrote: what would be the best way to breakpoint the fifth mj-column. when it has more than 5 mj-columns it does not make the breakpoint and does not put the sixth mj-column down. My code <mj-section background-color="#363636"> {@#per_night@} <mj-column width="20%" padding="0px"> <mj-text color="#FFFFFF" align="center"> {@#day@} <span style="font-size:12px; font-family:Veranda,Arial,sans-serif;padding-bottom:8px;display: ***@***.***@}</strong></span> {@/day@} {@#total_before@} <span style="font-size:10px; font-family:Veranda,Arial,sans-serif;padding-bottom:8px;display: inline-block; text-decoration: line-through;white-space: ***@***.***_before@} ***@***.***@}</strong></span> {@/total_before@} {@#total@} <span style="line-height: 12px; margin: 0px 0;font-size:12px; color:#ffffff; font-family:Helvetica,Arial,sans-serif;padding-bottom:8px;display: inline-block;white-space: nowrap;"> ***@***.***@} ***@***.***@} </span> {@/total@} </mj-text> </mj-column> {@/per_night@} </mj-section> *Result below:* [image: image] <https://user-images.githubusercontent.com/43623174/206581336-ae4dca68-a45a-417d-81b2-ab61b2afe61e.png> — Reply to this email directly, view it on GitHub <#2604>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/AAELHTMT4HFV5GNT6PNOYVTWMJPCNANCNFSM6AAAAAASYVHBWY> . You are receiving this because you are subscribed to this thread.Message ID: ***@***.***>