The blog is about..?
Here in this blog, we are discussing the space between the small image carrot-blue and row since there should not be any gap between them:
Here the current image having a height = “12px” and also mentioned valign = “top”
<!--[if mso]> <tr> <td bgcolor="fff" align="center" valign="top" colspan="2" width="100%"> <img src="https://random.blob.core.windows.net/media/images/carrot-blue-28*12.png" width="28" height="12" alt=""/> </td> </tr> <![endif]-->
Here Both valign and its respective height are not supporting in respective outlooks.
Solution:
<!--[if mso]> <tr> <td bgcolor="fff" align="center" valign="top" colspan="2" width="100%"> <img src="https://random.blob.core.windows.net/media/images/carrot-blue-28*12.png" width="28" height="18" alt=""/> </td> </tr> <![endif]-->
Description:
Increase the height so that it touches the upper ‘tr’, Here the current image having a height = “18px” and it won’t disturb other devices since it will be written in outlook code
And finally your output will be as follows :