Как выровнять один флекс элемент в начало, а другой в центр?

Question

[Daaria]

Нужно сделать вёрстку header'a так, чтобы кнопка "Home" была в начале, а логотип в центре:


Как это можно реализовать?

Comments

[Антон Литвиненко]

У вас логотип не по центру, а по центру свободной области. По центру решение совсем другое

[Daaria]

Антон Литвиненко, Спасибо, буду знать

Answer 1

[Ankhena]

1.

position:absolute
top: 0;
left: 50%;
transform: translateX(-50%)

2. родителю

display: grid;
grid-template-columns: 1fr auto 1fr;

3. Плохой вариант
Флексами
Родителю задать after.
Этому after и Home задать одинаковую ширину (с запасом).
Центральному левый и правый margin в auto

Answer 2

[Юрий]