Равная высота главного и дочерних ul в многоуровневом меню?

Question

[Алексей Попов]

Доброго времени суток!
В общем суть, есть вот такое многоуровневое меню Codepen
нужно сделать так что бы все ul были одной высоты, то есть подстраивались под самый высокий элемент. В данном примере высота всех ul должна быть вровень с "Услуга 8".
И вот вопрос, никто не сталкивался с таким делом, может это как-то без js можно сделать (например на FlexBox). Или же придется js писать под это дело? Чего конечно не хотелось бы :(
Всем спасибо!

Answer 1

[wasiliev96]

Как-то так. Свойство flex: 1 для ul li и фиксированная высота для самого верхнего списка.
https://codepen.io/wasiliev96/pen/QWwdaRr?editors=1100

Comments

[wasiliev96]

Можно еще на гридах, но это будет домашним заданием

[Алексей Попов]

Если указывать фикс. высоту для верхнего списка то можно и без флексов сделать. Мне лично не нужно что бы элементы верхнего списка растягивались по всей высоте.
Но суть в том что не хотелось бы указывать фикс. высоту. Вот думал может найдется какой-то вариант другого плана.
Но все равно спасибо за ответ!