Привет, подскажите как на гридах сделать, чтобы правое меню было

Question

HTML/CSS — русскоговорящее сообщество

Kirill Galimov

Привет, подскажите как на гридах сделать, чтобы правое меню было

прижато к правому краю? типо space-between, только для гридов)

#css #frontend #html #programming #russian

0

12.05.2021

14 ответов

15 просмотров

Kirill Galimov Автор вопроса

0

12.05.2021

Kirill Galimov Автор вопроса

Vitaliy Kirenkov
наверно не страдать херней и сделать на флексах вс...

Пытаюсь в pixel perfect, и флексами не получиться добиться такого выравнивания (ну по крайней мере я не придумал и мне показалось гридами сделать это разумной мыслью)

0

12.05.2021

Kaia

В гридах же можно использовать space-between

0

12.05.2021

Vitaliy Kirenkov

Kirill Galimov

Пытаюсь в pixel perfect, и флексами не получиться ...

перестать старадать херней второй раз, ибо то, что ты пытаешься контролировать не связано с ПП

0

12.05.2021

Vitaliy Kirenkov

Kirill Galimov

Пытаюсь в pixel perfect, и флексами не получиться ...

по факту у тебя 2 строки, внутри каждой 2 колонки, которые 25 и 75% приблизительно. В колонке, где меню, делаешь флекс со спейсом битвин

0

12.05.2021

Андрей Клименко

Kirill Galimov

Пытаюсь в pixel perfect, и флексами не получиться ...

как вариант, сделай грид 4*4. верхний ряд [логотип], [поиск, иконки], нижний ряд[каталог], [менюшки]. так ты уже можешь решить проблему выравнивания, а внутри ячеек уже любым другим способом делай. но в целом да, это не очень практично и не относится к пп, потому что количество менюшек может меняться и от этого не должна зависеть ширина поиска

0

12.05.2021

Kaia

Vitaliy Kirenkov
перестать старадать херней второй раз, ибо то, что...

Пп что это

0

12.05.2021

Vitaliy Kirenkov

Kaia
Пп что это

pixel perfect

0

12.05.2021

Андрей Клименко

Kaia
Пп что это

пиксельперфект

0

12.05.2021

Artem

Kirill Galimov

Пытаюсь в pixel perfect, и флексами не получиться ...

Если в навигации отступы между кнопками одинаковые, то так их и задай (.class:not(:last-child) {margin-right: 20px}), a кнопе с Категориями (flex: 1) и не нужен там space-between

0

12.05.2021

Vitaliy Kirenkov

Artem
Если в навигации отступы между кнопками одинаковые...

по макету видно, что пункты распределы по всей площади, начиная от начала поиска и заканчивая иконками в конце. О каком марджине речь?!

0

12.05.2021

Artem

Vitaliy Kirenkov
по макету видно, что пункты распределы по всей пло...

Верно, тогда очевидно, что навигацию в обертку и space-between, а для категории флекс 1

0

12.05.2021