How to align one flex item to the front and another to the center?

Question

Flexbox

It is necessary to make the layout of the header so that the "Home" button is at the beginning, and the logo is in the center:


How can this be done?

Answer 1

one.

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

2. parent

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

3. Bad option
Flex
Parent set after.
Give this after and Home the same width (with a margin).
Center left and right margin to auto