Theo's Typesafe Cult•10mo ago

MJML center two columns content in group

any mjml knowers can help me center two columns in a group? been trying different methods but I can't seem to get it working

<mj-section css-class="container" padding="0">
  <mj-group background-color="#FFFFFF">
    <mj-column width="20px" padding-top="2px">
      <mj-image width="14px" align="center" src="myimg" alt="Copyright" padding="0" />
    </mj-column>
    <mj-column>
      <mj-text css-class="copyright-text" padding="0">
        <p>
          2023 X, based in X
        </p>
      </mj-text>
    </mj-column>
  </mj-group>
</mj-section>

<mj-section css-class="container" padding="0">
  <mj-group background-color="#FFFFFF">
    <mj-column width="20px" padding-top="2px">
      <mj-image width="14px" align="center" src="myimg" alt="Copyright" padding="0" />
    </mj-column>
    <mj-column>
      <mj-text css-class="copyright-text" padding="0">
        <p>
          2023 X, based in X
        </p>
      </mj-text>
    </mj-column>
  </mj-group>
</mj-section>

here are the css classes...

.container {
  background-color: #F9FAFB;
  padding: 0 30px !important;
}
.copyright-text p {
  font-size: 13px;
  color: #475467;
  margin-top: 3px;
  margin-bottom: 3px;
}

.container {
  background-color: #F9FAFB;
  padding: 0 30px !important;
}
.copyright-text p {
  font-size: 13px;
  color: #475467;
  margin-top: 3px;
  margin-bottom: 3px;
}

0 Replies

No replies yetBe the first to reply to this messageJoin

Gaming

Programming

MJML center two columns content in group