How to do it right (flexbox)?

Question

css

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

how to make the logo be on the left?

Answer 1

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

Not perfect but it's better. or an empty separator with flex-grow
:
2

Answer 2

www.internet-technologies.ru/articles/article_2097.html namely:

.item {
  order: <integer>;
}