Как сделать блоки в меню друг за другом, без отступа?

Question

[unsweet]

Есть код меню со стилями
Codepen
Боки сделаны на flex и идут друг за другом, при этом видно, что между первым и третьим пустое пространство. Как его убрать и подтянуть третий блок выше? Т.е. чтобы блоки просто шли друг за другом в две колонки с переносом. Если есть решение не на flex, то тоже будет хорошо

Comments

[Ankhena]

Заменить флекс на css columns https://developer.mozilla.org/en-US/docs/Web/CSS/c...

Answer 1

[Elena Fire]

https://codepen.io/BormotunJedy/pen/oNWWOew

Убрать margin-top у .parent и у ul. У ul еще убрать padding.
Если меню должно быть вертикальным, то nowrap. Если горизонтальным в колонки, то flex-direction:column;