Блоки не заполняются автоматически grid layout?

Question

[survivor2005]

Всем добра.

Подскажите кто знает, в чём проблема. Делаю сайт с экскурсиями и там есть select где можно выбрать вид экскурсии, страница по сути одна, и при выборе вида экскурсии блоки которые не относятся к данной выбранной экскурсии тупо уходят в display: none. Так вот сверстано на гридах, но блоки не заполняют пустое пространство, а остаются в своей ячейке. Как можно сделать, что бы они переходили в свободную?

Вот сайт: web.skyorg.ru/tenerife/excursions

Comments

[Анатолий]

display: none надо делать именно тем элементам, которые непосредственно размещаются в гриде, в данном случае тэгам "a", а не тэгам "li" внутри них.

Answer 1

[Рома Зварич]

блоки которые не относятся к данной выбранной экскурсии тупо уходят в display none

Так Вы задаёте свойство display: none для элементов с классом .excurs__item.
При этом, в данной ячейке остаётся ссылка, в которую они вложены. Конечно ячейки не будут исчезать.
Задавайте display: none для родительской ссылки.

Скриншот

Comments

[survivor2005]

ах елки палки, точно, спасибо!