Equal to the height of the main and child in ul multi-level menu?

Good day!
In General, the essence, there is here a multilevel menu Codepen
you need to make sure that all the ul was the same height, that is adjusted to the highest element. In this example, the height of all ul have to be on a par with "Service 8".
And here's the question no one has encountered such a thing, can it somehow without js you can do (e.g. FlexBox). Or do you need js to write for this case? Certainly not what I would like :(
Thank you all!
April 3rd 20 at 18:33
1 answer
April 3rd 20 at 18:35
Something like that. Property to flex: 1 to ul li and a fixed height for the top of the list.
On how they can be harmonized, but it will be homework - adrienne.Deckow62 commented on April 3rd 20 at 18:38
If you specify the fix. the height to the top of the list it is possible and without a flake to be done. I personally don't need the top of the list stretched across the top.
But the point is that I would not like to specify the fix. height. Here's a thought maybe there is some version of another plan.
But thanks anyway for the answer! - irwin_Lubowi commented on April 3rd 20 at 18:41

Find more questions by tags CSSFlexboxCSS Grid