Good article! It is also possible to center the div using CSS grid like so:
body {
margin: 0;
width: 100%;
min-height: 100vh;
display: grid;
justify-content: center;
align-items: center;
}
div {
background: lightgreen;
height: auto;
}