Как использовать гриды, если я уже использую свойство hidden? CSS, HTML, js

Question

Как использовать гриды, если я уже использую свойство hidden? CSS, HTML, js

Настя Ульянова Ученик (110), на голосовании 3 недели назад

Столкнулась с такой проблемой, есть div container и в нем много div с контентом ( по сути много различных кнопок) . с помощью display: hidden и js скрыла этот блок с кнопками, но хочу их стилизовать с помощью свойства display: grid
Объясните пожалуйста на примере как это сделать, у меня не получается
Может там какой-то другой способ есть

Answer 1

грид тоже может учитывать скрытые элементы при формировании макета, используй grid-template-areas или любое другое его свойство чтобы определить макет

Answer 2

Semen Kapacuk Гуру (3743) 1 месяц назад

У display не существует такого значения, как hidden.
Убери скрытие, стилизуй, затем уже скрой. Когда понадобится показать, снова display grid назначай

Настя УльяноваУченик (110) 1 месяц назад

Сорри, сплю,там display none

Настя Ульянова, ну это и не важно, стилизовать ничего не мешает, временно убрав display none

Настя УльяноваУченик (110) 1 месяц назад

Т.е. конфликтовать display none и hidden в одном див не может? И ошибка в том, что сначала стилизовать, затем подключить js, так поняла ?

AaacoB AaacМудрец (14158) 1 месяц назад

мне вот просто спортивно-интересно... тот, кто ее нанимал, не видит, что это очередная путая тизда?