html css navigation top bar "wrapping up" [closed]

I like to have top bar navigation with multiple items in it and user name at the end, in one lineBut when screen is smaller pop up user name above navigation

In wide screen something like this

[item1][item2][item3][item4].....[user name]

and on small

[                 user name][item1][item2][item3][item4]

I get wrapping down element in flex container but how to wrap up?