How to make the first screen adjust to the height of the browser window?

Question

css

Please tell me
How to make the height of only the first screen adjusted to the height of the browser window?
Example:
designmodo.com/slides
Thanks for any info :)

Answer 1

Set the first screen block height: 100vh

Answer 2

section.first{
height:100vh;
min-height:600px;
}

Answer 3

Use viewport-height units to set the cover height:

.page-cover {
   min-height: 100vh;
}