lek890/Full page height for body in next.js

Created March 11, 2021 16:27

Star () You must be signed in to star a gist
Fork () You must be signed in to fork a gist

Learn more about clone URLs
Clone this repository at <script src="https://gist.github.com/lek890/4cfcac193d9508d62cdca426ec269daf.js"></script>
Save lek890/4cfcac193d9508d62cdca426ec269daf to your computer and use it in GitHub Desktop.

Download ZIP

In _document, give an override to normalize the styles

Raw

Full page height for body in next.js

	<style global jsx>{`
	html,
	body,
	body > div:first-child,
	div#__next,
	div#__next > div {
	height: 100%;
	}
	`}</style>

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