Skip to content

Instantly share code, notes, and snippets.

@dmurawsky
Last active February 4, 2024 17:20
Show Gist options
  • Star 106 You must be signed in to star a gist
  • Fork 6 You must be signed in to fork a gist
  • Save dmurawsky/d45f068097d181c733a53687edce1919 to your computer and use it in GitHub Desktop.
Save dmurawsky/d45f068097d181c733a53687edce1919 to your computer and use it in GitHub Desktop.
How to make a page full height in Next.js
const FullHeightPage = () => (
<div>
Hello World!
<style global jsx>{`
html,
body,
body > div:first-child,
div#__next,
div#__next > div {
height: 100%;
}
`}</style>
</div>
)
@amrhassab
Copy link

what about the main tag?

@dmurawsky
Copy link
Author

what about the main tag?

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

@s-alad
Copy link

s-alad commented Feb 4, 2024

goat

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment