cammy
cammy
PostsComments
TTCTheo's Typesafe Cult
Created by cammy on 8/25/2023 in #questions
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;
}
1 replies