How to align menu when laying out email in zurb foundation?

Question

Frameworks

Hello.
I am learning the zurb foundation framework for email layout.
For the desktop, I want to place the logo with the menu on the same line, which is aligned to the right edge, and on the mobile, so that they are located one above the other and centered.

My code:

<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>

In my case, the table with the menu takes up the entire available width near the logo. How do I align it to the right for desktop?
codepen.io