Как в меню на сайте использовать masonry?

Question

[Влад Володько]

Здравствуйте) На сайте есть меню которое имеет три уровня вложенности. Нужно чтобы второй уровень с его дочерними элементами располагался по сетке masonry. Объяснил канешно не очень) так что лучше покажу пример)

Comments

[Антон]

column count используйте

[WapSter]

Зачем тут masonry? Почему каждый зеленый новичок называется Frontend development

[Влад Володько]

Антон, Вариант хороший, опыта работы с ними у меня не было, но я читал за них то говорили что есть проблема с поддержкой в браузерах потому и выбрал масонри

[Влад Володько]

WapSter, Потому что при взгляде на такую структуру это первое что приходит в голову, так как раньше я уже с ним работал. Хотелось бы получить реальный ответ от гуру front-end нежели просто замечание которое никак не помогает в решении данного вопроса

[WapSter]

Влад Володько, ты же гуру фронтенда и есть. А я так просто отвечаю на вопросы на тостере. на твой вопрос уже дали ответ. По факту же тут просто 3 колонки и не важно делать их через структуру html или через column чью поддержку можно посмотреть на mdn https://developer.mozilla.org/en-US/docs/Web/CSS/c... , вроде так поступают фронтендеры, а не берут за истину

но я читал за них то говорили что есть проблема с поддержкой в браузерах

[Rustam Bainazarov]

Влад Володько, поддержка у них, начиная с IE10:
https://caniuse.com/#search=Column-

Так что не знаю, что вы читали, лучше проверяйте.

[Влад Володько]

WapSter, Количество колонок может быть разное, их порядок тоже, так же как и количество элементов

[WapSter]

Влад Володько, тогда каждый раз при открытии используй метод https://masonry.desandro.com/methods.html#layout-m... тогда сетка будет перестраиваться, это необходимо из-за того что по умолчанию я думаю сетка спрятана в display none. В остальном сложных моментов тут не вижу