CSS using grid to vertically center not working

Question

Sandbox: https://codesandbox.io/s/vigilant-currying-h7c3r?file=/styles.css

Been googling for 30 minutes, nothing is working.

Answer 1

Try adding min-height:100vh to the body element.

By default, the body's height is collapsing to be the height of it's content.