How to display logo on right of page and menu on left side?

[ahmedsaazizba]

Problem
How to display logo on right of page and menu on left side and leave space 5 px from every side ?
on current case fiddle it show logo on left and menu on right so that i need to reverse
meaning i need logo on right and menu on left and leave space from right and left of page 5px

Edit fiddle - JSFiddle - Code Playground

desired result what i need is below image

[PaulOB]

I believe I gave you an example in your previous thread?

How to make script do as left top menu on this website?

Problem i need to design menu using html css like image website: what i try to do as top left menu alsafwa i need to do menu text color with orange when mouse refer and when active item selected above line orange moved based on item selected on menu if current page orange line above menu will be selected on case of current page active [menu] menu above this actually i need to do

You would just remove the flex:1 0 0 from the menu to make it not stretch.

The margin-left auto on the logo pushes it to the right and then you can add a left margin as required.

[ahmedsaazizba]

thank you for reply
can you please write to me modifications
and under which class or attribute do changes
this is what i changes
but nothing changed

Edit fiddle - JSFiddle - Code Playground

[PaulOB]

@ahmedsaazizba

can you please write to me modifications

.nav ul {
	padding: 0;
	margin:0 auto 0 5px;/* was margin-left auto*/
	list-style: none;
	display:flex;
}
.logo {
	margin-left:auto;/* was margin-right*/
	margin-right:5px;
	order:-1;/* was order 2*/
}