I’m trying to accomplish this

Post image

It’s pretty straight forward other than the icon + text at the bottom.

Anybody have suggestions on the best practice for this?

My current MJML is outputting this:

Post image

I can’t seem to get the text close enough to the icons… in non-email world you could do 2-3 things to get it right but with mjml there is no flexbox alignment etc

semi reproduction: https://mjml.io/try-it-live/B1i2s-qcL

Should I not be using columns for this? I can’t seem to use % or PX without it messing with my icons images.

My code

<!-- ROW #3 -->
<mj-column width="15%">
</mj-column>
<mj-column width="15%">
<mj-image width="32px" src="/star.png"></mj-image>
</mj-column>
<mj-column width="50%" padding="0px">
<mj-text align="left" font-weight="regular" font-size="14px" line-height="24px" color="#1F2933" font-family="roboto">
<mj-image width="32px" src="/star.png"></mj-image> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed
</mj-text>
</mj-column>
<mj-column width="15%">
</mj-column>



Source link

Write A Comment