Full screen width and height sections in Landing Page?

Question

css

Good day to all. I looked for my question on the toaster, alas, I did not find it.
Interested in the following question. When creating a Landing page, the site structure is implemented in the form of a section:

<section>
      <div class="wrap">
        <div class="container">
          <div class="row">
            <col-md-12>
              ...
            </col-md-12>
          </div>
        </div>
      </div>
</section>

In general, I always prescribed to display each section in full screen (width and height) - through the following two css properties:
1 option for:

html, body {
height:  100%;
}
.wrap {
height:  100%;
}

2 option for:

.wrap  {
height: 100vh;
}

In general, the task is to display each section for the entire width and height of the screen.
In general, a classic - LP.
Interested in the experience and methods of people that they use to implement these tasks under LP.
In general, how to properly implement this aspect? I mean "screens". Including from the point of view of adaptability.
Thank you. I will be glad to every comment.

Answer 1

Haven't tried it with pure CSS. I usually use Fullpage for this purpose. I
only limit adaptability to small screens. There I make sections of the usual height.

Answer 2

If I understand the question correctly, then:

section{
height: 100vh;
width: 100vw;
}