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

Question

[Дмитрий Руденко]

Подскажите, пожалуйста, как правильно сверстать такие элементы?
https://codepen.io/M1sty/pen/VwpRLXq

Comments

[Ankhena]

Список и вложенныt списки (ul)

Если бы не пункты Услуги и Создание сайта, то с помощью css columns.
А так, гриды или masonry.

[Дмитрий Руденко]

Ankhena, А на флексах не вариант? Я понимаю, что списки все дела, не понимаю как позиционировать нижние менюшки, если только по контейнерам пихать всё

[Ankhena]

Дмитрий Руденко, вы же видите, что Услуги и Создание сайта занимают по 2 столбца, а "Seo по виду" 3 строки, ну какие флексы?

[Дмитрий Руденко]

Ankhena, Ну была идея типа сделать верхний блок и нижний, вот в нижем просто будут 2 меню услуги и созддание сайта, а в верхнем остальное, думал так, разве так не пойдёт?

[Ankhena]

Дмитрий Руденко, если вам нравятся лишние обертки и ваш бэк их выдаст...

Но даже так, без фикс высоты флекс так не сможет