Как скрыть блок в CSS

Для скрытия блока в CSS можно использовать свойство display со значением none:

.block {
  display: none;
}

Также можно использовать свойство visibility со значением hidden:

.block {
  visibility: hidden;
}

Разница между этими свойствами в том, что при использовании display: none элемент полностью исчезает со страницы, а при использовании visibility: hidden он остается на месте, но становится невидимым.