Почему не могу сделать блоку высоту 100%?

Question

[Дмитрий Руденко]

Здравствуйте, скажите, пожалуйста, почему не могу сделать 100% высоту экрана данному блоку?
Вот стили:

Как выглядит:

Comments

[Froggyweb]

https://learn.javascript.ru/height-percent

Answer 1

[kryamk]

height: 100vh;

Answer 2

[Наглая Морда]

Ответ выше правильный, да и ваш код должен работать.

@media screen and (min-width: 768px) and (max-width: 991)

Вы точно тестируете в разрешении меньше 991px и больше 768px?

Answer 3

[valgerofficial]

Не забывайте о том. Что при таких свойствах, у родительского блока высота должна быть тоже, 100%.
Попробуйте прописать:

html, body {
     height: 100%;
     min-height: 100%;
}

Если не сработает, смотрите на высоту родительского блока.