Как в адаптиве сдвинуть меню к поиску?

Question

[maketosLikes]

https://jsfiddle.net/ze4c3o1h/1/
как на скрине ниже
или тут нельзя?

Comments

[Ankhena]

Был грид в 3 столбца, вы хотите в 4.
Не очень понятно, что не получилось?

[maketosLikes]

Ankhena, link 1 link 2 link 3 (тоесть main-header__menu) не могу перенести к поиску (в адаптиве)
слева

[Ankhena]

maketosLikes, grid-template-areas: "menu info logo block";
Это вам нужно?

[maketosLikes]

Ankhena, в main-header__holder лежат шрифт и поиск
шрифт в адаптиве скрывается
и вместо него стает меню
А сейчас меню вообще внизу

[Ankhena]

maketosLikes,

шрифт в адаптиве скрывается

Это у вас сделано.
Чтобы меню переместилось на ту же строку, что и поиск, нужно написать это в гриде.
Вариант, как это сделать я написала выше.
https://jsfiddle.net/tb53hvd8/

[maketosLikes]

Ankhena, нюанс в том что расстояние между меню и поиском я не могу контроливать (задать в px)

[Ankhena]

maketosLikes, по какой причине?
Нормально объясните проблему и всю целиком. Иначе так и будете новые сложности добавлять.

[maketosLikes]

Ankhena, так стоит ведь justify-content: space-between; для грид-контейнера
а я хочу установить расстояние между и поиском 20 пикселей

[Ankhena]

maketosLikes,

так стоит ведь justify-content: space-between; для грид-контейнера

Вас что, заставили?
Смените его на margin auto для нужных детей и грид на флекс.
А тому у кого фикс отступ, такой и поставьте.
Или оставьте грид используйте колонки с 1fr.