Как сверстать эти 2 блока на MJML?

Question

[Володимир Паламар]

Здравствуйте как на MJML сверстать такой хедер, а точнее лого с одной стороны 50px отступ от края а с другой блок с контактами?
Я пробовал использовать mj-group но не очень получилось. Кто знает как?

Comments

[Антон Литвиненко]

ты попробовал полчаса и не получилось? я знаю как, но не подскажу, в документации все есть, а еще там есть примеры с двумя десятками писем, можно подсматривать код там

[Володимир Паламар]

Антон Литвиненко, снова привет. Я искал в документации но не нашел... Они у меня по центру получаются но я не знаю как их в стороны отодвинуть. Если использовать пустые колонки то на маленьком экране это не работает...

[Володимир Паламар]

Антон Литвиненко, видел что там много примеров но ни в одном нет моей ситуации

Answer 1

[Володимир Паламар]

Большое спасибо Антон Литвиненко, благодаря тому что ты мне не помог, я смог сам найти ответ

<mj-section background-color="#ffffff">
      <mj-group>
        <mj-column width="70%">
          <mj-image src="logo.png" alt="logo" width="120px" align="left"/>
        </mj-column>

        <mj-column width="30%">

          <mj-text color="#2C2B29" font-style="normal" font-weight="600" font-size="18px" line-height="21px" padding="0" padding-top="12px">
            <img src="phone.png" width="10px" valign=".3px"\> [phone]
          </mj-text>
          <mj-text color="#656565" padding-top="0" font-style="normal" font-weight="400" font-size="12px" line-height="14px" align="right">
            [e-mail]
          </mj-text>
        </mj-column>
      </mj-group>
    </mj-section>

Comments

[Антон Литвиненко]

Ну и славно. Это называется Правило 15ти минут. Старайтесь и дальше так, это развивает скилл намного лучше