Как правильно сделать (flexbox)?

Question

[The Dragger]

<nav>
    <a href="/" class="or">Logo</a>
    <a href="#">Главная</a>
    <a href="#">Portfolio</a>
        <a href="#">ru</a>
        <a href="#">en</a>
</nav>

css:

body nav {
  display: flex;
  justify-content: flex-end;
}
body nav a.or {
  align-self: flex-start;
  color: rebeccapurple;
}

как сделать чтобы logo было с лева ?

Comments

[zooks]

не указывайте body в селекторах его потомков

Answer 1

[VisualIdeas]

body nav a.or {
  color: rebeccapurple;
  flex-grow: 2;
}

Не идеально но так лучше. либо пустой разделитель с flex-grow: 2

www.flexboxpatterns.com
css-live.ru/articles/vizualnoe-rukovodstvo-po-svojstvam-flexbox-iz-css3.html

Answer 2

[Андрей]

Так?

Answer 3

[Максим Тимофеев]

www.internet-technologies.ru/articles/article_2097.html а именно:

.item {
  order: <integer>;
}

Comments

[The Dragger]

сделал :
a.or{
order: 1;
}
теперь мое лого с права самая последняя.

[Максим Тимофеев]

The Dragger: Если у Вас выравнивание по правому краю, то элементы идут справа на лево. Поставьте лого последним без order

[The Dragger]

Максим Тимофеев: )))) мне кажется или вы не знаете где лево а где право. <- LEFT : RIGHT ->