Broken Layout on (Windows Outlook 2019, Outlook 2016, Outlook 2016 (120dpi),

[tobyonono]

White lines appearing randomly on different Outlook version, misaligned element in footer on all windows versions, broken image links on some versions

I've tested with Litmus & Email on Acid and on different versions of Outlook, some random lines will appear between sections or under elements. The instagram logo in the footer is also misaligned on all the windows tests we've done (it should be aligned with the other top elements)

To Reproduce Steps to reproduce the behavior:

1. `

   EXCITING NEWS

   Feel right at home

   Our brand new selection of spacious, energy efficient 3 and 4 bedroom homes is ready to go on sale this September.

   Parkleigh is different…

   Aliquam in elementum

   Donec ut rhoncus ex. Suspendisse ac rhoncus nisl, eu tempor urna. Curabitur vel bibendum lorem. Morbi convallis convallis diam sit amet lacinia. Aliquam in elementum tellus.

   Curabitur vel bibendum

   Donec ut rhoncus ex. Suspendisse ac rhoncus nisl, eu tempor urna. Curabitur vel bibendum lorem. Morbi convallis convallis.

   Find out more at parkleigh.ie

   Eligible for First Home Scheme and Help to Buy

   Find Out More

   About Seven Mills

   Nestled on the Grand Canal, between Lucan and Clondalkin, Seven Mills is focused on sustainable living and community spirit. Be part of Dublin 22's newest town.

   VISIT SEVENMILLS.IE

   Contact Hooke & McDonald, our selling agents, for more details.

   `

Expected behavior

There should be no white lines appearing under random elements or between sections

MJML environment (please complete the following information):

• OS: MacOS
• MJML Version: 3.0.4
• MJML tool used MJML App

Email sending environment(for rendering issues):

• Litmus & Email on Acid

Affected email clients (for rendering issues): -Outlook 2019, Outlook 2016, Outlook, 2016(120dpi), Outlook Office 365

• OS: Windows
• Browser [e.g. Google Chrome]

Screenshots

Additional context Expected Behaviour

[iRyusa]

For whitelines, it's a common issue in Outlook and not really from MJML. Tweaking values of padding/font-size/... can make them disappear you can find multiples articles on that topic (https://www.actionrocket.co/email-design-review/white-lines-in-outlook ex)

For the instagram logo maybe remove the vertical-align ?

[tobyonono]

Thanks! That worked for the broken instagram logo. Any suggestions about the broken images?

I'd actually gone through that doc before and evening out the padding, line heights etc. does some weird stuff and start duplicating sections etc. I'll have a look at some of the other suggestions now

[iRyusa]

Any suggestions about the broken images?

Which one ?