Как правильно расположить элементы в шапке?

Question

[Григорий]

Не понимаю, как сделать так, чтобы элементы ровно располагались справа и слева.
Без использования float и дальнейших манипуляций

header {
    display: flex;
    justify-content: space-around;
    align-items: center;
...

Comments

[DIVSIDE]

Что значит "ровно располагались"? Что есть ровно? Чтобы между всеми было одинаковое расстояние? Или только между пунктами меню?

Answer 1

[Антон Антон]

как-то так: https://play.tailwindcss.com/WEGZIVoW3p

Answer 2

[Сергей delphinpro]

.header {
  display:grid;
  grid-template-columns: 1fr auto 1fr;

  &::after {
    content: ''
  }
}

Comments

[Григорий]

Как навигацию прижать к правой стороне, а не по середине?

[Сергей delphinpro]

Григорий, просто раскинуть по разным сторонам ? так это вообще просто