How to stretch the sidebar to full height using flexbox?

Question

css

Briefly, the markup is

<div class="wrapper">
  <header>Header</header>
  <main>
    <nav>Navigation</nav>
    <article>Content</article>
  </main>
</div>

I want the nav to stretch to the full height of the browser window. You can set position: absolute in the old fashioned way, but you need it on flex. Thanks in advance
PS Without vh, because. they still have poor browser support

Answer 1

nav {
height: 100vh;
}