when images in a column are too large, the column is extended to overlap the adjacent column instead of stacking columns.

[ludobrands]

try following code:

<mj-body>
  <mj-section>
    <mj-column>
      <mj-image src="https://fr.mailjet.com/wp-content/uploads/2015/09/personnalisation.png"></mj-image>
      <mj-divider border-color="#F45E43"></mj-divider>
      <mj-text font-size="20px" color="#F45E43" font-family="helvetica">Hello World test test test test test test test test test test test test test test test test</mj-text>
    </mj-column>
    <mj-column>
      <mj-image src="https://fr.mailjet.com/wp-content/uploads/2015/09/personnalisation.png"></mj-image>
      <mj-divider border-color="#F45E43"></mj-divider>
      <mj-text font-size="20px" color="#F45E43" font-family="helvetica">Hello World test test test test test test test test test test test test test test test test</mj-text>
    </mj-column>
  </mj-section>
</mj-body>

[arnaudbreton]

Adding width="100%" on both images fixes the layout.
However, both images end up with a style max-width: NaN;. Fixing that seem to fix the issue as well, without having to add the width attribute in the markup.

To be tested with Litmus to validate this render properly in email clients.

[iRyusa]

I'm working on it, mj-image with no width + parent column with no width cause the image to have NaN width and maxWidth.

[iRyusa]

Now the image is scaled down to match column width

See PR #9 for implementation details