Mjml: Full-width images

[KoalaMontana]

Hi. I have a problem.
In my mailings there are blocks with images that should be the full width of the template, but there are left/right paddings in Outlook.
What am I doing wrong?
Code:
mj-attributes section
<mj-class name="content-blocks" padding="10px 20px" /> <mj-class name="no-padding" padding="0" />

mj-body section
<mj-section mj-class="content-blocks" background-color="#F0ECE9"></mj-section> <mj-section> <mj-column> <mj-image src="line-empty-top.png" mj-class="no-padding" /> </mj-column> </mj-section>

Screenshot:

[iRyusa]

Hi @KoalaMontana

You have a padding on your section cf : name="content-blocks" padding="10px 20px"

Remove it to make the image go full-width

[KoalaMontana]

@iRyusa paddings were defined for the previous section with class "content-blocks". Section with image don't have any classes or paddings and display incorrect only in Outlook.

[iRyusa]

My bad, without indentation it was unclear for me

Can you upload the full snippet on https://mjml.io/try-it-live please ?

[KoalaMontana]

@iRyusa thanks for help.
https://mjml.io/try-it-live/rJFxo5KdW

[iRyusa]

I'm unable to reproduce with this snippet as you can see here every outlook are fine https://litmus.com/checklist/emails/public/c3c9c60

[KoalaMontana]

Could you try to test this version https://mjml.io/try-it-live/Bkd3FsF_- ?

My test:

[iRyusa]

Looks to work when removing mj-wrapper, I think you can remove it safely because it has no purpose on your design ?

[iRyusa]

Hi @KoalaMontana

Is this good for you now ? 👍

[KoalaMontana]

@iRyusa yes, it works. Thank you.