Using Flexbox, how do you separate two items even after the row wraps?

Question

Like the Title of this post, how do you separate two items even after the row wraps? I have a navigation bar with a logo (item 1) and Nav links (item 2). I want so when the screen shrinks the Nav links to go under and go to the right. Here is a code pen and an example:

          From:
/**************************/
/*-item1-* *-----item2---* /
/**************************/
          to:
/**************************/
/*-item1-*                 /
/          *-----item2---* /
/**************************/


instead of 

         From:
/**************************/
/*-item1-* *-----item2---* /
/**************************/
          to:
/**************************/
/*-item1-*                 /
/*-----item2---*           /
/**************************/