Как выровнять меню при верстке email в zurb foundation?

Question

[ICUI4CU]

Здравствуйте.
Изучаю фреймворк zurb foundation для верстки писем.
Хочу для десктопа расположить на одной строке логотип с меню, которое выравнивается по правому краю, а на мобильном чтобы они располагались друг над другом и центрировались.


Мой код:

<container>
  <spacer size="16"></spacer>
  <row>
    <columns large="4">
      <center>
        <img src="http://placehold.it/200x50/663399" alt="">
      </center>
    </columns>
    <columns large="8" valign="middle">
      <center>
        <menu>
          <item href="#">Ссылка 1</item>
          <item href="#">Ссылка 2</item>
        </menu>
      </center>
    </columns>
  </row>
</container>

В моем случае таблица с меню занимает всю доступную ширину возле логотипа. Как мне ее выровнять по правому краю для десктопа?

codepen.io