Когда нужно использовать display: none

`display: none` полностью удаляет элемент из потока документа — он не занимает место и не влияет на разметку. Используй его, когда элемент нужно скрыть без сохранения пространства (например, скрытые модалки, табы, элементы, которые показываются по условию). Альтернатива — `visibility: hidden` (сохраняет место) или `opacity: 0` (элемент остаётся интерактивным). **Пример:** ```html ``` ```css .hidden-element { display: none; /* Элемент исчезнет полностью */ } ```