Как правильно сделать выравнивание списка характеристик?

Ankhena, ну вот сделал )
Правда у меня не получается сделать чётко отступ в 20px.

Как правильно сделать выравнивание списка характеристик?

Ankhena,

С li можно использовать display table и тд.

Вот сделал, но почему-то все равно не выравнивается.
Мне нужно чтобы отступ был между названием и описанием ровно 20px.

Как правильно сделать выравнивание списка характеристик?

Спасибо за ответ, а без этих тегов как я понял только на гридах получится?

Как правильно сделать адаптивное раскрывающееся меню с логотипом по центру?

Антон Литвиненко, а как потом сделали меню для мобильной версии?
Имеется ввиду про его скрытие/показ?

Как правильно сделать адаптивное раскрывающееся меню с логотипом по центру?

Антон Литвиненко, ну так ваш пример показали бы и я отметил.
Ankhena, спасибо за помощь. Просто мне хотелось узнать ваше мнение ツ.

Как правильно сделать адаптивное раскрывающееся меню с логотипом по центру?

Ankhena,

Кто от кого отличается?

Ну по примеру этого видео
Я же могу так сделать в своем макете?

spoiler

Как правильно сделать адаптивное раскрывающееся меню с логотипом по центру?

Ankhena, ну допустим в макете так или тут отличается?

spoiler

Как правильно сделать адаптивное раскрывающееся меню с логотипом по центру?

Ankhena,

Поставьте в него реальные тексты и узнаете.

Смотрел это видео

Вам нужен ИЕ, если правильно понимаю ваши страдания?

Да все верно.

Как правильно сделать адаптивное раскрывающееся меню с логотипом по центру?

Ankhena,

Я вижу два глобальных варианта:
1. Изменить разметку. (Разбить на два списка)
2. js

А как вам такой вариант?)

Как правильно сделать адаптивное раскрывающееся меню с логотипом по центру?

Ankhena, а как быть с мобильной версией?
Задавать position: fixed обоим меню?

Как правильно сделать адаптивное раскрывающееся меню с логотипом по центру?

Ankhena,

Просто потому что мне кажется, что на слух будет странно, если сначала пойдет меню, потом пенёк-логотип, потом снова меню.

Доброго времени суток, а если дизайнер хочет логотип по середине?

Как правильно сделать адаптивное раскрывающееся меню с логотипом по центру?

Ankhena, все дело в том, что он на старых браузерах не поддерживается.

Моя реализация
Правильно ли так сделать?

Как правильно сделать адаптивное раскрывающееся меню с логотипом по центру?

Ankhena,

Кстати, показали бы сразу то, что вам на самом деле нужно, оба потратили бы заметно меньше времени.

Доброго времени суток, извиняюсь за потраченное время.

1. Изменить разметку. (Разбить на два списка)

Вот изначально так делал, я вам тогда покажу свою реализацию, просто не совсем понятно как потом меню прятать в мобильной версии.

Как правильно сделать адаптивное раскрывающееся меню с логотипом по центру?

Ankhena, мне нужно вот так

spoiler

Пытался ограничить ширину и задать margin-left отступы, но все равно не получается ((

Как правильно сделать адаптивное раскрывающееся меню с логотипом по центру?

Ankhena, спасибо большое.

А margin в item'ах можно ли использовать вместо.list{column-gap}?
Или такой вариант нельзя сделать?

Как правильно сделать адаптивное раскрывающееся меню с логотипом по центру?

Ankhena, а смогли на флексах показать пример, я ваш ответ отметил бы?)

Я вроде ранее ваши ответы отмечал.

Как правильно сделать адаптивное раскрывающееся меню с логотипом по центру?

Ankhena,

так как вы вырезали кусок макета, так там даже лого не по центру.

Вот тут нормально?

Как правильно сделать адаптивное раскрывающееся меню с логотипом по центру?

Ankhena,

в песочнице у вас два минуса перед шириной лого

Почему-то все равно такая же проблема

Как правильно сделать адаптивное раскрывающееся меню с логотипом по центру?

Ankhena, доброго времени суток.

Только что понял, что из-за ширины все равно отступы не получится сделать, т.к. везде ширина одинаковая.
Вот про это я имел ввиду:

показать

Мне нужно, чтобы пункты меню были прилеплены к логотипу
При использовании margin-left: auto они наоборот разъезжаются:

показать

Как правильно сделать адаптивное раскрывающееся меню с логотипом по центру?

Ankhena, похоже что я опять делаю что-то не так

Допустим если отступы между меню по 20px, а между логотипом по 40px?