How to make a page full height in Next.js

index.js

const FullHeightPage = () => (
  <div>
    Hello World!
    <style global jsx>{`
      html,
      body,
      body > div:first-child,
      div#__next,
      div#__next > div {
        height: 100%;
      }
    `}</style>
  </div>
)

Hi Marshall, in order to help we need more info. Can you share your code publicly or invite dmurawsky to your repo?

I had to do this to fix it

html, body, body > div:first-child, div#__next, div#__next > div { margin: 0; }

Hi Marshall, in order to help we need more info. Can you share your code publicly or invite dmurawsky to your repo?

tnx for your response but I decided to use Vh
and yet am still thinking about my EX (height:'100%') :-(

what about the main tag?

what about the main tag?

What version of next are you using and do you have anything in _app?

goat