Why can't I make the block height 100%?

Question

css

Hello, please tell me why I can't make the screen height 100% for this block?
Here are the styles:

What it looks like:

Answer 1

height: 100vh;

Answer 2

The answer above is correct and your code should work.

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

Are you sure you're testing at resolutions less than 991px and greater than 768px?

Answer 3

Don't forget about that. That with such properties, the height of the parent block should also be 100%.
Try to write:

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

If it doesn't work, look at the height of the parent block.